Thinking on ways to solve SVG FAVICON
17 879
7.3
Google Chrome Developers764 тыс
Следующее
10.02.22 – 23 6103:56Популярные
134 дня – 33 4717:30
169 дней – 3 3010:38Опубликовано 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
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
Свежие видео
1 день – 2 9090:58
1 день – 1 1265:48
3 дня – 16 29735:08
4 дня – 1 0791:12
8 дней – 3 1047:51
8 дней – 1 163 9003:39Случайные видео
27 дней – 243 77922:41
207 дней – 5 063 5131:10
20.08.23 – 220 50110:18
11.04.22 – 4 1510:14
18.03.22 – 47 8326:27
18.02.15 – 7 7652:44
4 дня – 1972:25
6 дней – 608 9912:42:12
22 дня – 13 72545:11
22 дня – 201 0833:40
6 часов – 3440:54