JS Template Literals
If you've worked with Javascript for a while you've probably hit the nightmare of string concatenation and how error prone the process is and how hard it is to troubleshoot if you're not careful. var...
More on Font Subsetting
Idea from Bram Stein's Webfont Handbook I've discussed font subsetting regarding ebooks. This post will review how do we load multiple fonts and how we subset fonts. Loading multiple font-faces # This...
rolling your own Node CLI tools
Most modern libraries and frameworks have a command line interface that will make it easier to build your own applications using the particular framework. Look at Angular CLI or Polymer CLI for an...
PWA Starter: The PWA Checklist
Text from Google's PWA Checklist used under a Creative Commons Attribution 3.0 License. Google's PWA checklist presents both a basic and an advanced set of requirements for Progressive Web...
PWA Starter: More APIs to make an even better PWA
Before we jump into the PWA checklist we'll talk about APIs we can use in PWAs to enhance performance beyond the basic functionality of PWAs we've discussed so far. Background Sync # The background...
PWA Starter: Automating Service Worker Creation with Workbox.js
SW-precache and SW-toolbox made creating Service Workers with dynamic caching much easier but there were two separate libraries and SW-precache required a separate file with all the SW-toolbox...
PWA Starter: Caching Strategies
Jake Archibald's Offline Cookbook provides additional ideas of when to cache data and different caching strategies. We'll concentrate in the later and talk about caching strategies. Cache only # Use...
PWA Starter: Service Worker
Service Worker # Note that this section will make heavy use of arrow functions, let and const, and other ES2015 and newer features. I've chosen to do this because I treat PWAs as progressive...
PWA Starter: Manifest
Manifest # The first, and easier, aspect of a PWA is the manifest. This is a JSON file that holds information about the content and gives supporting browsers hints and instructions for installing the...
PWA Starter: Introduction
Last year I worked at Google creating ILT curriculum for Progressive Web Applications. It's a great idea and I think the final product worked well, but it's not complete. If you're getting started you...