Thinking On Ways To Solve A Dark/Light Theme Switch
23 194
9.4
Google Chrome Developers770 тыс
Следующее
27.01.22 – 36 5436:31
Опубликовано 19 января 2022, 18:00
In today's GUI Challenge, @AdamArgyleInk shares thinking on a way to build a theme switch component. Often a website will allow switching the theme to something other than the system preference and these are thoughts on how to achieve that user experience.
Chapters:
0:00 - Introduction
0:30 - Overview
3:10 - Debugging Corner
3:36 - HTML
7:40 - SVG
8:59 - Mask
10:00 - Animations
11:51 - Theme Toggle CSS
15:35 - Sun and Moon CSS
19:37 - JavaScript
23:45 - Recap
Resources:
Read along → goo.gle/3qGhnt7
Try a demo → goo.gle/3GMUfig
Get the source → goo.gle/3rz8VLv
Watch more GUI Challenges → goo.gle/GUIchallenges
Subscribe to Google Chrome Developers → goo.gle/ChromeDevs
#GUIchallenges #CSS #ChromeDeveloper
Chapters:
0:00 - Introduction
0:30 - Overview
3:10 - Debugging Corner
3:36 - HTML
7:40 - SVG
8:59 - Mask
10:00 - Animations
11:51 - Theme Toggle CSS
15:35 - Sun and Moon CSS
19:37 - JavaScript
23:45 - Recap
Resources:
Read along → goo.gle/3qGhnt7
Try a demo → goo.gle/3GMUfig
Get the source → goo.gle/3rz8VLv
Watch more GUI Challenges → goo.gle/GUIchallenges
Subscribe to Google Chrome Developers → goo.gle/ChromeDevs
#GUIchallenges #CSS #ChromeDeveloper
Свежие видео
4 дня – 1148:42
5 дней – 4334:00
9 дней – 5492:15
10 дней – 471 12514:54
12 дней – 432:46Случайные видео
69 дней – 2 5850:38
365 дней – 70 8469:25
13.02.21 – 32 1568:18
14.05.14 – 11 4670:50
2 часа – 8416:22
2 дня – 1 145 78919:43
6 дней – 2770:43
7 дней – 116 17714:24
11 дней – 1184:36
11 дней – 2984:33
12 дней – 125 1653:44
3 дня – 1 00621:08