Thinking on ways to solve SVG FAVICON

17 911
7.3
Следующее
Популярные
55 дней – 1 0010:52
Visit scroll-driven-animations.style
63 дня – 2 1230:45
Built-in AI: Gemini Nano in Chrome
Опубликовано 9 февраля 2022, 18:00
In today's GUI Challenge, @AdamArgyleInk shares thinking on a way to build an adaptive favicon with SVG. SVG not only delivers an infinitely scalable icon, it also allows inlining styles that can hook into CSS media queries like the light and dark preference queries.

Chapters:
0:00 - Introduction
0:36 - Overview
1:59 - Light and Dark
2:48 - Loading
3:22 - Markup
4:45 - SVG preparation
5:31 - Outro

Resources:
Read along → goo.gle/3uASh1s
Try a demo → goo.gle/3GAzzt4
Get the source → goo.gle/3ov8x08

Watch more GUI Challenges → goo.gle/GUIchallenges
Subscribe to Google Chrome Developers → goo.gle/ChromeDevs

#GUIchallenges #CSS #ChromeDeveloper
автотехномузыкадетское