Service Workers: plain and workbox styles: Plain
The idea is to create the service worker using only native APIs and seeing how much of the Workbox functionality I can duplicate without having to use a library. Constants and common items...
Service Workers: plain and workbox styles: Workbox
Service Workers are awesome. They give you a performance boost and the capability of limited offline work without having to create apps for each platfomt that we want to use our app in. Service...
Working with data attributes
Until we got CSS variables (and now Custom Properties) there was one way of setting custom attributes in an HTML element or directly in Javascript (note the difference with CSS variables) that can be...
Creating a horizontal nav menu
One of the biggest pain points for me has been to create horizontal menus for navigation or other data we want to display across the page. If we're using the following HTML... <nav> <ul> ...
Interesting Webpack Plugins
I still keep looking for new items in the Webpack space that will make my code work better or will give me more information about it. I found two that are of particular interest to me. Size plugin...
Notes on upgrading to Babel 7
After a long time, Babel 7 has been released. If you use Babel at all, it's important to do the following things to make sure you're good to go: Make sure that the project's package.json file points...
TODO with Indexed DB
IndexedDB (currently version 2) provides client-sided database storage for web applications. From the specification: This document defines APIs for a database of records holding simple values and...
CSS Houdini Properties & Values
If you haven't read my prior articles about CSS Houdini, I'll point you to the video below by Tab Atkins where he talks about Houdini as a (far) future combination of CSS and Javascript (he should...
Design for the lower end of the spectrum: Part 3
Ideas for client-side # So how do we address some problems of the web? There are aspects that go beyond PWAs and contribute to the bloat of the web and, I would imagine, the large size of apps. For...
Design for the lower end of the spectrum: Part 2
Framing the issue through social lenses # Bruce Lawson's presentation about the web around the world and it being our responsibility to keep in mind those people who are not in the wealthy western...