Inspecting Inspectors
Miriam and Stacy troubleshoot an issue with the dev tools available in each browser, exploring the differences and what each browser’s tools do best.
Winging It
post type
Using New Color Formats
Miriam Suzanne, Stacy Kvernmo, and James Stuckey Weber demo how to use new color formats with OddContrast, a color tool for previewing, accessibility testing, and selecting the format/space.
What we cover:
Copy permalink to “What we cover:”- What is OddContrast?
- Why we made OddContrast
- What are the new color formats, and why use them?
- What does “in gamut” mean?
- Specifying fallbacks
- Why care about contrast?
- How does alpha impact contrast?
Links:
Copy permalink to “Links:”- OddContrast
- OddContrast GitHub Issues
- Color.js
- W3C CSS Color Module Level 4
- Okay, Color Spaces
- Palette Juicer
- Oklch.com
- Gamut Mapping Gradients
Demos:
Copy permalink to “Demos:”Support OddContrast:
Copy permalink to “Support OddContrast:”Open Source Sponsors
Current Sponsors
A huge thank you to the individuals and organizations sponsoring OddBird’s open source work!
Common Loons
Sponsor OddBird’s OSS Work
We love contributing back to the languages & tools that developers rely on, from CSS & Sass to browser polyfills and Python. Help us keep that work sustainable and focused on developer needs!
Recent Episodes
Winging It post typeGrid Lanes – The Future of Masonry Layout
This long-debated solution for masonry layout is now available and it’s time to figure out how to use it. Join us for a deep dive into the workings of Grid Lanes.
Winging It post typeSurprising Effects of CSS Shorthands
CSS properties come in two excellent flavors – longhand properties have a direct impact on the element, while shorthand properties take a much more convoluted path. There’s a lot going on when we use a shorthand property, with hidden surprises, and reasons we might use one or the other.
