In der heutigen GUI Challenge zeigt @AdamArgyleInk, wie ein adaptives Favicon mit SVG erstellt werden kann. SVG bietet nicht nur ein unendlich skalierbares Symbol, sondern ermöglicht auch Inline-Styles, die sich in CSS-Medienabfragen einbinden lassen, wie die hellen und dunklen Präferenzabfragen.
Kapitel:
- 0:00 – Einführung
- 0:36 – Übersicht
- 1:59 – Hell und Dunkel
- 2:48 – Wird geladen
- 3:22 – Markup
- 4:45 – SVG-Vorbereitung
- 5:31 – Outro
Ressourcen:
- Mitlesen → https://goo.gle/3uASh1s
- Demo ansehen → https://goo.gle/3GAzzt4
- Quelle abrufen → https://goo.gle/3ov8x08
Weitere GUI-Herausforderungen ansehen → https://goo.gle/GUIchallenges
Abonniere Google Chrome-Entwickler → https://goo.gle/ChromeDevs