I started updating my photography site with new Media Queries and CSS environment variables to make sure Surface Duo owners enjoy it even more! 🎉
Other foldable devices will come if it makes sense.
You have a Surface Duo? Feedback is welcome! 🙏
Educational Sensational Inspirational Foundational
A historical record of foundational web development blog posts. I've already read most of these great articles, and will of course read the few missing.…
Do you know good tutorials and/or examples about dealing with responsive images that are fluid horizontaly, but with a fixed height?
Using object-fit: cover; in the CSS is easy, but how can we prevent loading many pixels that will be hidden, without using too many <source> in a <picture>?
TIL @media not (min-width: 60rem) { … } doesn't work in Safari, while it works in Chromium and Firefox.
Safari requires a media type, like all.
So here's the "right" syntax:
@media not all and (min-width: 60rem) { … }
A Bashful Button Worth 8 Million Dollars
6 years ago I reported a bug about 100vh being larger than the viewport height in Safari. It was "intentional" according to webkit/Safari team, and…
Maarten Van Hoof
Responsive SVGs - container vs media queries
Maarten shows here (only in Chrome Canary for now) how container queries will allow us to have responsive SVG images inline in the HTML. Responsive…
Zach Leatherman
Jason Grigsby