Where is the Fold?

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.

  1. screenshot of Our web design tools are holding us back

    Vasilis van Gemert

    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 have all kinds of wonderful interaction, grid, flexbox, all kinds of shapes, and so much more that you won’t find in the drop down menus of your tool of choice. Yet our websites still look and behave like they were designed with photoshop.

  2. 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) { … }