Thinking On Ways To Solve A Dark/Light Theme Switch
22 992
9.4
Google Chrome Developers764 тыс
Следующее
27.01.22 – 36 5246:31Популярные
64 дня – 7 88610:11
100 дней – 4 8490:40Опубликовано 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
Свежие видео
3 дня – 1 5010:21
8 дней – 891:01
8 дней – 5 3185:59
20 дней – 1 4690:23
21 день – 18 9500:46Случайные видео
69 дней – 476 4630:08
98 дней – 2 9660:15
151 день – 75 2680:57
25.10.22 – 168 24934:27
01.05.22 – 1 607 6680:31
31.12.20 – 734 0056:38
2 часа – 210:46
5 дней – 1 9722:19
7 дней – 14 6158:33
7 дней – 1 8528:28
9 дней – 961 73818:01
15 дней – 14 0201:00
1 день – 4760:13
1 день – 3 0620:22