Тёмный

Build a To-Do List with ONLY HTML & CSS (No JavaScript Needed!) 

dcode
Подписаться 133 тыс.
Просмотров 9 тыс.
50% 1

View the SOURCE CODE:
dcode.domenade.com/tutorials/...
You might be asking - how is it possible to build a to-do list using only HTML and CSS? Well, CSS has come a long way 🙂
For more info, check out:
developer.mozilla.org/en-US/d...
🏫 My Udemy Courses - www.udemy.com/user/domenic-co...
🎨 Download my VS Code theme - marketplace.visualstudio.com/...
💜 Join my Discord Server - / discord
🐦 Find me on Twitter - / dcodeyt
💸 Support me on Patreon - / dcode
📰 Follow me on DEV Community - dev.to/dcodeyt
📹 Join this channel to get access to perks - / @dcode-software
If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!
#dcode #html #css

Опубликовано:

 

20 мар 2023

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 20   
@krikusin2198
@krikusin2198 Год назад
You have helped me so much, thanks bro!
@user-tk2mx9vl2h
@user-tk2mx9vl2h Год назад
the idea that using flex's order property with has() pseudo-class for sorting list is so cool. I've improved more today~😊😊 thank you so much~!!!!🙇‍♀🙇‍♀✨
@dcode-software
@dcode-software Год назад
That's awesome, good luck!
@alenachuyankova
@alenachuyankova Месяц назад
You helped me a lot, thank you!
@thingsisnotn3eded
@thingsisnotn3eded Год назад
One thing have to say, if we don't enter the word of Take the bins out it will not be ordered as which one done or not done to the any side of up or down?
@badcatdesign
@badcatdesign Год назад
Nice. LMK when you torture :past, :current, and :future into a "state" system we can use. 😎
@codewithmends
@codewithmends 10 месяцев назад
Is it possible to save the checked todo item's new position? Maybe with localStorage?
@JanZmarzly
@JanZmarzly 2 месяца назад
Hello, just wondering if you have a really long task, how would you get the text to wrap instead of being blocked by the check box, or you know for clarity on a mobile version of the site? Thanks
@Misica11000
@Misica11000 10 месяцев назад
Can you help me how to edit very similar Todo list?...
@weeb_girl_in_the_area
@weeb_girl_in_the_area 6 месяцев назад
It doesn't work for me, and I don't know why?
@victorbaraka1286
@victorbaraka1286 7 месяцев назад
wow this really helped me to work on a to do list so that I know my days activities thank you and may God bless you and I have not forgotten to like subscribe and comment I really liked this video and it really helped me 😀😃😄😁😆😅🤣😂🙂😊🥰🤩☺😛
@dcode-software
@dcode-software 7 месяцев назад
Good to hear 😎
@ShawnMikelHobayan
@ShawnMikelHobayan 22 дня назад
I would like to ask on how can i add a time frame in which i added a task. for example when i added a task at 9:30pm I want to be able to see beside the task that i added the time frame of 9:30pm. Thankyou in advance for any response that I may encounter
@dcode-software
@dcode-software 16 дней назад
You can look at generating the timestamp using Date object and appending it to the task name
@BMikel
@BMikel Год назад
Edit task functionality is not possible with only html+css. JS required
@ScriptRaccoon
@ScriptRaccoon 6 месяцев назад
Well he uses inputs, they can be edited. But the text does not persist, so it's pretty useless yes.
@MCMishaNoernir
@MCMishaNoernir Месяц назад
how to make the text persist?
@dcode-software
@dcode-software 16 дней назад
You may need to use something like Local Storage
@developer_hadi
@developer_hadi Год назад
Weirdd
Далее
CSS Tips And Tricks I Wish I Knew Before
12:12
Просмотров 446 тыс.
빠르게 퇴근가겠습니다 🛟
00:11
Просмотров 1,6 млн
Top 10 CSS One Liners That Will Blow Your Mind
13:34
Просмотров 924 тыс.
Learn CSS Variables in 15 Minutes
16:59
Просмотров 6 тыс.
JavaScript Basics in 10 Minutes
11:49
Просмотров 206 тыс.
These CSS PRO Tips & Tricks Will Blow Your Mind!
8:48
How to create a CSS navigation bar in 6 minutes! 🧭
6:28
빠르게 퇴근가겠습니다 🛟
00:11
Просмотров 1,6 млн