Google Chrome Developers764 тыс
Опубликовано 9 июня 2021, 17:01
In today’s GUI challenge, we’re building dark, light and dim color schemes with HSL. The CSS works across modern browsers, establishes foundational architecture for more themes, and is accessible.
Chapters:
0:00 - Introduction
0:21 - Scheme overview
1:15 - Debugging corner
1:55 - Custom property architecture
4:17 - The Cascade
5:51 - DevTools
7:40 - Bump bump til ya pass
9:54 - Relative vs Absolute color adjusting
11:54 - Outro
Resources:
Read along → goo.gle/350bmMi
Try a demo → goo.gle/3ps7Rry
Get the source → goo.gle/3n4Sfcg
Watch more GUI Challenges → goo.gle/GUIchallenges
Subscribe to Google Chrome Developers → goo.gl/LLLNvf
#GUIchallenges #CSS #ChromeDeveloper
Chapters:
0:00 - Introduction
0:21 - Scheme overview
1:15 - Debugging corner
1:55 - Custom property architecture
4:17 - The Cascade
5:51 - DevTools
7:40 - Bump bump til ya pass
9:54 - Relative vs Absolute color adjusting
11:54 - Outro
Resources:
Read along → goo.gle/350bmMi
Try a demo → goo.gle/3ps7Rry
Get the source → goo.gle/3n4Sfcg
Watch more GUI Challenges → goo.gle/GUIchallenges
Subscribe to Google Chrome Developers → goo.gl/LLLNvf
#GUIchallenges #CSS #ChromeDeveloper
Свежие видео