I'm doing front end developing for almost three years now. Amazing how little I know about css to be hohest.. Finding your channel from youtube shorts was a gold mine literally! Cann you maybe share some of your sources so I can do some research on my own while waiting for your expert input on specific functionalities? Much love from Greece I hope your channel become massive!!
I use CSS vars and override them depending on dark or light mode. This is my favourite way, although I think the light-dark() property makes a lot of sense, as you can directly dictate which colour you want. Even, you can create themes like "high contrast" or go wild on colours. Of course these are just ideas, options and not suitable for serious business websites.
Damn man really cool videos your css videos are one of a kind there is no other yt channels covers these css properties kudos man 👏 I have subscribed to your channel
Great video but user can only change the theme from system settings this way, can u also show how user can choose the theme from the page itself, light, dark or system
Great video, it was very insightful... Could you do a video on responsive faq section...that generates related FAQ based on the parent FAQ...just like in Google (people also ask)
Can you make a vid about the animation of letters? For example each letter of a word should fade in or something. Is this possible with only css maybe?
If we use clip path in CSS, the border radius of the box can be given there, but the border radius cannot be given in different places of the shape that is created after using clip path.Now can you give border radius to those places inside the clip path Without using SVG.
@@satindersingh780 with props. syntax:{props => props.variable === true ? Light : Dark} something like that. put the variable inside the element tag where you are sending the Boolean.
light-dark(black, red); this is not helpful for transition in CSS please check it. I have tried this with transition in CSS but transition stops using this "light-dark(black, red);". Can you solve it, please help me.
I'm going with the light-dark() myself. 1) Using outdated browsers is dangerous. 2) Samsung isn't a concern for me, I just don't have any use for their phones, they don't follow the standards set by Android.
Do you want more 😋
Yes please!
Lun dev please please concentrate on web animations, i've seen a blowing mind websites using svg or gsap animations, we want more of that content
how can i make a button that switches between dark and light and system with this code
Yep
100%
I'm doing front end developing for almost three years now. Amazing how little I know about css to be hohest.. Finding your channel from youtube shorts was a gold mine literally! Cann you maybe share some of your sources so I can do some research on my own while waiting for your expert input on specific functionalities?
Much love from Greece I hope your channel become massive!!
@@gmarsenopoulos check out MDN Web Docs CSS guides and references, all css properties listed here ! And there's also everything about html and js !!
The only channel that might make me switch profession from back end to frontens.
bro my jaw just dropped...your content is amazing
Благодарю Вас , супер информация 👍👍👍👍👍🙏🙏🙏 Процветания Вам
I use CSS vars and override them depending on dark or light mode. This is my favourite way, although I think the light-dark() property makes a lot of sense, as you can directly dictate which colour you want. Even, you can create themes like "high contrast" or go wild on colours. Of course these are just ideas, options and not suitable for serious business websites.
best frontend developer with seemless explanation . keep it up!
Thank you so much. This is eye-opening for lazy Devs 😊
Bro I swear you are too underrated, Another banger video keep it up buddy
Damn man really cool videos your css videos are one of a kind there is no other yt channels covers these css properties kudos man 👏 I have subscribed to your channel
First comment! Great Video :)
Thank brother 🥰🥰
I will start using this in all my projects
Wow this is so crazy 🔥thank you very much for this one
Amazing 🔥
wouu😍 dark mode is most needed 😆
Just make css variables for the second one for easy color customization.🥰
why i feel that separating the conditions from the main code is better. nice video
exactly what i was looking for
Sooooo good ❤
This channel is sooo good
Could you show your approach of making more than 2 theme modes that user could choose? :)
Thanks for good content 💪
Insightful as usual. Thanks 🎉
Great content as always. ❤
Thanks for this. Btw, you can also toggle theme on chrome dev tools.
thanks misterbis that was very helpful, I would always use javascript for this
CSS Variables with override dark mode is also a great option !
Next video on cool js libraries ❤
Great video but user can only change the theme from system settings this way, can u also show how user can choose the theme from the page itself, light, dark or system
I want to know too
Great video, it was very insightful...
Could you do a video on responsive faq section...that generates related FAQ based on the parent FAQ...just like in Google (people also ask)
A great tutorial . . .
Great video!!!
Is the new way, light -dark, working with variables in the :root? With "var" i mean...?
Nice information about in this video ❤
Thank you ✨
Thanks Mr. Beast
no way! ko nghĩ anh người việt luôn đấy
Thanks for the explanation! I’m wondering, now it used system preferences, but is this also possible with a “switch to dark or light mode” button?
Thank you
I feel you can use it in real life producs because you can account for that in your code as well :)
Need a video for chrome developer tools advanced tricks 😌
I will name my first child after you!
I think the first method is actually more organized and cleaner.
he always got me with the "pooo" sound 😂😂😂😂😂😂
@lundeveloper,
Can you please tell me, How we can add the dropdown 0:23 to control the theme using the light-dark approach?
Thank you
What if you'd like to implement a theme switch like the one you showed at the beginning? We should rely on adding/removing classes, right?
🤯 💥
làm video chuẩn bị CV đi Lun ơi
Can you make a vid about the animation of letters? For example each letter of a word should fade in or something. Is this possible with only css maybe?
There is an animation tool called rive that can make interactive web animation, I hope you explain it someday
The 100th like was mine LOL
Hii can you do a video on splash screen please 🙏
If we use clip path in CSS, the border radius of the box can be given there, but the border radius cannot be given in different places of the shape that is created after using clip path.Now can you give border radius to those places inside the clip path Without using SVG.
i think instead of light-dark function, better to use global var
👍
can u make a tailwind css tips?
how can make use of this css feature if i wanna add a button to toggle the mode on my site?
How you found new thinks❤ please tell me
By learning new thinks. Haha 😂
How we will cover the toggle behaviour on site with own specific colors using light-dark way?
maybe in reactJs using State change that value of light and dark via props?? is it possible?
@ but how we do that with css variables with light-dark way?
@@satindersingh780 with props.
syntax:{props => props.variable === true ? Light : Dark}
something like that. put the variable inside the element tag where you are sending the Boolean.
How re-styling components of html like tailwind and bootstrap
What's the theme name of your VS Code?? Please tell 🙏
Класс
if you're seeing this comment, it might be a sign to read 'Magnetic Aura' from Talesio ❤️
Excuse me, what is your vscode theme?
Not working on my code
Could you translate to English or better yet re-create your ECommerce videos. That would be awesome.
light-dark(black, red); this is not helpful for transition in CSS please check it. I have tried this with transition in CSS but transition stops using this "light-dark(black, red);". Can you solve it, please help me.
Second
wow Thanks 🥰🥰🥰🥰
I store the color in a variable and only change the value of the variable when the scheme is dark. That's all
Bro I have a question
How old are you?
Please 1 full project with react or react native
I'm going with the light-dark() myself. 1) Using outdated browsers is dangerous. 2) Samsung isn't a concern for me, I just don't have any use for their phones, they don't follow the standards set by Android.
third
Thank you so much 🥰🥰🥰🥰
stop using the fart sound, it is very annoying and makes it difficult to continue watching the video.
😂😂 what ??? It’s fun and you can continue the video
@psenej You have a weird concept of fun, weirdo
How mentally weak are you? Maybe get off the internet for awhile.
Doesn't bother me, but it's certainly not necessary. Still much better to have an occasional annoying sound than any continuous background music.
😂😂😂😂🎉🎉🎉🎉
1st way is better than 2nd
How to create custom controls for a video or audio with CSS?
This is a challenge for you
Without using -var not the best way to code. And who cares about Samsung Internet?