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...
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...
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...
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...
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...
I have to admit that I'm absolutely lazy when it comes to actually testing and linting my Javascript code. I make sure it works but not to run unit tests or make sure that the code I write follows the...
A lot of this material is taken from Get started with variable fonts and the CSS Fonts Module Level 4
Version 1.8 of the OpenType font format specification introduces an extensive new technology,...
I came across this question in Quora and prepared a detailed answer but the more I think about it the more I think it deserves a more elaborate answer because it starts from a false premise, that you...
I know we've jumped all over the place but I want to distill some final thoughts
Put the user first
Seamless is a food delivery service that’s incredibly popular on the East Coast. In 2013, they...
The final empathy area I want to discuss is process and tooling. Who are we doing this for and what tools we're using to develop
Who? #
There are three groups of people we should empathize with:...