Forced Colors and CSS

From the creator

Sometimes, users can take a lot more control over our page than we realize might be possible! In this video, I look at how they can completely change the look of a site using high-contrast mode, and how we can make sure there are no big issues when they do this. 🔗 Links ✅ Polypane (affiliate link): https://polypane.app/?ref=kevin ✅ Great article on high-contrast mode: https://polypane.app/blog/forced-colors-explained-a-practical-guide/ ⌚ Timestamps 00:00 - Introduction 01:41 - Who uses high-contrast mode and why do they use it? 02:55 - Emulate it in Chrome 04:00 - How it affects our page 04:30 - Using Polypane to emulate high-contrast mode and some of the benefits of Polypane 06:25 - Using outline: transparent 08:55 - The forced-colors media query 11:18 - The new colors we can use 14:39 - The things to keep an eye out for #css -- Come hang out with other dev's in my Discord Community 💬 https://discord.gg/nTYCvrK Keep up to date with everything I'm up to ✉ https://www.kevinpowell.co/newsletter Come hang out with me live every Monday on Twitch! 📺 https://www.twitch.tv/kevinpowellcss --- Help support my channel 👨‍🎓 Get a course: https://www.kevinpowell.co/courses 👕 Buy a shirt: https://teespring.com/stores/making-the-internet-awesome 💖 Support me on Patreon: https://www.patreon.com/kevinpowell --- My editor: VS Code - https://code.visualstudio.com/ --- I'm on some other places on the internet too! If you'd like a behind the scenes and previews of what's coming up o

Published 2022-11-17 · Watch on YouTube ↗
Availability and playback restrictions are controlled by the original channel.