OK, on le sait tous, « there is no page fold », mais savoir où est ce non fold peut être carrément utile, alors heureusement qu'il y a des outils qui permettent de visualiser simplement ce que donne un site sur les résolutions les plus courantes.
Ce Fold Tester est plus complet que Google Browser Size, mais n'offre malheureusement pas plus de filtre par continent ou pays, ni d'indication sur la fraicheur des informations, qui seraient plus qu'utiles.
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>?
Our web design tools are holding us back
nowadays we can build things with CSS that are impossible to create with our design tools. We have scroll-snap, we have complicated animations, we…
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) { … }
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! 🙏
Zach Leatherman
Vasilis van Gemert