Writing

Pre-cache for Performance

Improve your page load time by pre-caching resources during service worker installation.

A Tale of Four Components

Explore different web component libraries by comparing vanilla JavaScript, Nutmeg, Polymer, and Stencil versions of the same component.

PRPL on Rails Part 3: Service Workers

Improve your site's performance with service worker caching

PRPL on Rails Part 2: Optimize Rendering

Optimize rendering to speed up your site's time to interactive

PRPL on Rails Part 1: Code Splitting

Split your Rails JavaScript with Webpack to make your site load faster

Build a Web Component with Nutmeg

Nutmeg is a tool that helps you quickly create, test, and publish a web component

Introducing Intersection Observer

The IntersectionObserver API is a relatively new web API that allows you to observe when a DOM element enters or leaves a viewport

Make a Web Component with Custom Elements v1 and Shadow DOM v1

Make a re-useable, encapsulated web component using Custom Elements v1 and Shadow DOM v1

We ♥ Progressive Web Apps, Part II

Progressive Web Apps bring powerful native features like push notifications, offline, and homescreen install to the web.

We ♥ Progressive Web Apps

Progressive Web Apps bring powerful native features like push notifications, offline, and homescreen install to the web.