In today’s GUI Challenge, @AdamArgyleInk shows how to use the prefers-contrast media query to adapt fonts to users contrast preferences. Contrast is about more than just color!
Chapters:
0:00 – Introduction
0:42 – prefers-contrast Support
1:36 – Simple build
3:02 – Niche design adjustment
4:05 – Advanced build (variable font)
8:35 – Review
Resources:
Try a demo → https://goo.gle/47s5Z7P
Get the source → https://goo.gle/45sk9Ea
Check out → https://goo.gle/3scBNgH
Watch more GUI Challenges → https://goo.gle/GUIchallenges
Subscribe to Google Chrome Developers → https://goo.gle/ChromeDevs
#GUIchallenges