Im Rahmen der heutigen GUI Challenge erstellt @AdamArgyleInk mit okLCH eine breite Palette an Farben, überprüft dabei barrierefreie Farbpaare, untersucht die Farben mit Entwicklertools und zeigt viele weitere nette Tricks zur Nutzung der Funktionen dieses neuen Webfarbraums.
Kapitel:
- 0:00 – Einführung
- 0:24 – HSL und LCH
- 2:09 – Caniuse
- 2:50 – Demo im Überblick
- 3:51 – Erste okLCH-Farbe
- 5:14 – Wide Gamut-Entwicklertools-Farbauswahl
- 6:53 – Mehr OkLCH-Farbe
- 09:40 – Überblick über oklch.com
- 11:05 – Weitere okLCH-Farben
- 14:08 – okLCH und barrierefreier Kontrast
- 16:08 – Verwendung der Palette
- 19:12 – Farbton wird angepasst
- 20:28 – Zuordnungsanpassungen für die Kontraststeuerung
- 22:05 – Zusammenfassung
- 22:53 – Debugging-Ecke
- 23:22 – Outro
Ressourcen:
- Demo ansehen → https://goo.gle/3MAx4NC
- Quelle abrufen → https://goo.gle/3n4Sfcg
Weitere GUI-Herausforderungen ansehen → https://goo.gle/GUIchallenges
Abonniere Google Chrome-Entwickler → https://goo.gle/ChromeDevs