Thinking On Ways To Solve A Dark/Light Theme Switch
21 993
9.1
Google Chrome Developers745 тыс
Следующее
27.01.22 – 36 3576:31Популярные
14 дней – 5369:09
182 дня – 1391:38Опубликовано 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 дня – 6291:31:47
3 дня – 87 9291:41
6 дней – 2 7032:38
8 дней – 340:34
8 дней – 401 2400:59
9 дней – 5 8260:14Случайные видео
18 дней – 12 7732:18
282 дня – 4 6210:52
28.03.22 – 1 1492:50
13.01.22 – 10 6423:37
15.11.21 – 15 4731:06
28.03.18 – 67 9338:06
3 дня – 1 164 79110:24
4 дня – 55011:23
4 дня – 15 3953:54
7 дней – 880:48
8 дней – 400:34
1 день – 5690:30
1 день – 24020:14