screenshot of Creating distraction-free reading experiences

Adrian Zumbrunnen avatar Adrian Zumbrunnen wrote

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.

screenshot of The practical value of semantic HTML

Bruce Lawson avatar Bruce Lawson wrote

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.

screenshot of Jank-Free Image Loads

Eric Portis avatar Eric Portis wrote

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.

screenshot of Font style matcher

Monica Dinculescu avatar Monica Dinculescu wrote

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.

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

Aaron Gustafson avatar Aaron Gustafson wrote

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.

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

Maximiliano Firtman avatar Maximiliano Firtman wrote

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.

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

Les Progressive Web Apps (PWA)

  • Les Papis du Web (Clever Age)

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.

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

Tammy Everts avatar Tammy Everts wrote

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.

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.

Filter by month to see more archives from year 2018.