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 Jank-Free Image Loads

    Eric Portis avatar Eric Portis

    Jank-Free Image Loads

    great news: there are two on-the-horizion web platform features that are trying to make no-jank, fixed-aspect-ratio, fluid-width images a natural part of the web platform.

  4. 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.

  5. 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.

  6. screenshot of Is there a cold war between Android and Chrome because of PWAs?

    Maximiliano Firtman avatar Maximiliano Firtman

    Is there a cold war between Android and Chrome because of PWAs?

    I think there is a silent war between Android and Chrome, and the first one seems to be ahead. PWAs on Android could have a much better experience, and it could have more supporters if the Android team could push this a little further, letting some game changer abilities get into the platform.

  7. screenshot of The average web page is 3MB. How much should we care?

    Tammy Everts avatar Tammy Everts

    The average web page is 3MB. How much should we care?

    You can have large, robust pages that still feel fast. But you should care about page bloat in terms of how it affects mobile users, especially mobile-only users who are dealing with bandwidth constraints or data limits.

  8. 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.

  9. screenshot of What if?

    Harry Roberts avatar Harry Roberts

    What if?

    If you’re going to build an image loader that hides the whole page until all images are ready, you must also ask yourself what if the images don’t arrive?

  10. Filter by month to see more links from year 2018.