Thinking On Ways To Solve A Dark/Light Theme Switch
23 038
9.4
Google Chrome Developers766 тыс
Следующее
27.01.22 – 36 5306:31Популярные
11 дней – 20 14018:00
51 день – 2 5590:54Опубликовано 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
Свежие видео
16 часов – 1 0074:52
1 день – 2 0140:49
2 дня – 34 82014:57
3 дня – 309 1519:00Случайные видео
108 дней – 5 6650:11
30.06.23 – 245 0006:28
06.05.23 – 6 8313:03
23.01.23 – 2 4143:10
25.02.09 – 79 3790:41
1 день – 12 02516:32
1 день – 62 65024:16
3 дня – 19 1082:08
3 дня – 79 6761:02
3 дня – 4334:50
3 дня – 890:27
8 дней – 531 49017:29
15 часов – 2302:32