The HTML component model & the shadow DOM

From magic to toys.

Adaptive Images for Responsive Designs... Again

Another dirty hack to the responsive image problem.

Application Cache is a Douchebag

What to expect from AppCache and how to deal with it.

IE-friendly mobile-first CSS with Sass 3.2.

How to make an IE-only media-queryless stylesheet.

Application Cache: Douchebag

Why do we need offline file access?

“Working on the web is like trying to fill in a tax return in the middle of an incredible party.”

Snow in canvas land

Improving a demo made two years ago.

Deep dive into the murky waters of script loading

How to load some JavaScript in the browser and execute it.

Request Quest

A tricky quiz about HTML/CSS/JS requests.

Progressive enhancement is still important

“Work with the browser, not against it.”

Animated line drawing in SVG

How to define and animate paths.

Solving rendering performance puzzles

Animation issues and how to solve them.

Progressive enhancement is faster

The benefits of progressive enhancement.

Network: Optional

Making network connectivity optional with the ServiceWorker API.

300ms tap delay, gone away

Removing the tap delay in Chrome 32 for Android.

JavaScript Promises

“Promises have arrived natively in JavaScript!”

The browser cache is Vary broken

“If you want to get the most out of caching, use different URLs rather than content negotiation.”

ES7 async functions

“Having a standard way to simplify async coding like this is fantastic!”

Improving the URL bar

“Chrome is experimenting with hiding parts of the URL. I think this is great for the web.”

Service Worker - first draft published

“Anyone interesting in the web competing with native apps should be excited by this.”

Network connectivity: optional

How the web can catch up with and overtake native.

Is ServiceWorker ready?

Web apps that work offline are only a matter of time.

Minimising font downloads

Reducing font downloads with unicode-range.

Using ServiceWorker in Chrome today

Demos, screencasts, and code snippets.

Iterators gonna iterate

An introduction to ES6 iterators and generators.

The offline cookbook

The when, where and how of caching and serving content offline-first.

Simple ServiceWorker Tutorial

Kinds of things you can do with a background worker.

That's so fetch!

Clearing up some confusion around the new fetch API.

Supercharging page load

Client rendering vs. server rendering vs. ServiceWorker rendering.

If we stand still, we go backwards

Should we stop developing the web for a year?

Tasks, microtasks, queues and schedules

More than you ever wanted to know.

The anatomy of responsive images

A quick reference to various use-cases.

Offline First

Why offline should not be an afterthought in web design.

Updates to the service worker cache API

Chrome brings new methods to caches.

Introducing Background Sync

An API to ensure data sends despite current network conditions.

The future of loading CSS

Chrome will move to the faster Edge model for rendering.

Control CSS loading with custom properties

The power of CSS variables.

Caching best practices & max-age gotchas

How to tweak performance, save bandwidth, reduce server costs.

background-cache

API proposal to handle large upload/downloads in the background.

The Service Worker Lifecycle

How you can deliver seemless updates of web apps to users.

Fun hacks for faster content

Patterns and anti-patterns to speed up web rendering.

“You’re not a developer unless you’ve built a microprocessor using sand and your fists.”

“It seems the web community has decided that developer experience dwarfs user experience, and I’m not sure what to do about that…”

Do we need a new heading element? We don't know

Let’s try to find it out.

Combining fonts

Yes, you can pick and choose fonts for each character.

“I just saw a loading spinner that wasn’t quite rotating around the centre so my day’s ruined.”

HTTP/2 push is tougher than I thought

It’s powerful but there are drawbacks.

Introducing visualViewport

Did you already know that there’s more than one viewport?

Third party CSS is not safe

Why you shouldn’t use third party content you don’t trust.

What happens when packages go bad?

The impact of an attack, and what can be done about it.

Who has the fastest website in F1?

Let’s compare the performance of Formula One websites.