1. screenshot of Creating distraction-free reading experiences

    Adrian Zumbrunnen avatar Adrian Zumbrunnen

    Creating distraction-free reading experiences

    Distractions have always been a natural constituent of our lives. But with the rise of mobile technology, a circus of notifications, and all the noise going on around us, it’s become harder and harder to focus on a task at hand.

  2. screenshot of The practical value of semantic HTML

    Bruce Lawson avatar Bruce Lawson

    The practical value of semantic HTML

    We’re seeing more and more types of devices connecting to the web, and semantic HTML can help these devices display your content in a more usable way to their owners. And if your site is more usable than your competitors’, you win, and your boss will erect a massive gold statue of you in the office car park.

  3. screenshot of Font style matcher

    Monica Dinculescu avatar Monica Dinculescu

    Font style matcher

    If you're using a web font, you're bound to see a flash of unstyled text (or FOUC), between the initial render of your websafe font and the webfont that you've chosen. This usually results in a jarring shift in layout, due to sizing discrepancies between the two fonts. To minimize this discrepancy, you can try to match the fallback font and the intended webfont’s x-heights and widths. This tool helps you do exactly that.

  4. screenshot of Your Site—Any Site—Should be a PWA

    Aaron Gustafson avatar Aaron Gustafson

    Your Site—Any Site—Should be a PWA

    PWAs don’t require you use a particular JavaScript framework or any JavaScript framework at all. You don’t need to be building a Single Page App either. In fact, it will probably be easier if you’re not. If you work on a website, there’s a really good chance your site could benefit from the technologies and approaches aggregated under the PWA umbrella.

  5. Cover slide from the talk “Les Progressive Web Apps (PWA)”

    Les Progressive Web Apps (PWA)

    Dans Les Papis du Web Épisode #2, retrouvez notre web série sur l’actualité du web à 360° analysée par nos Papis du Web. Actualité et veille techno sur les sujets digitaux qui vous concernent, vues par nos experts… Le tout, en toute indépendance.

  6. screenshot of CSS Indexes: A listing of every term defined by CSS specs

    CSS Indexes: A listing of every term defined by CSS specs

    This is a non-normative document. It lists every term defined in CSS, as long as it’s marked up correctly for the spec generator. It is intended as a reference document for authors, implementors, and spec authors, to aid in finding the definition for a term hidden somewhere in the haystack of CSS specs.

  7. Filter by month to see more archives from year 2018.