Multicolumn Layouts Revisited
It's been possible to work in multiple columns of text without having to resort to hacks to make columns work in multiple browsers and in multiple form factors. According to caniuse.com developers...
Revisiting design systems
Design systems are interesting because of how they scale design to multiple teams and multiple sites/products while still providing a consistent and recognizable brand. For a full introduction to...
Using Counters in CSS
I've always wanted to avoid manually doing data replacement and numbering if I can avoid it. We'll add counters for the following: Chapters defined by <h2> elements Sections defined by...
Building a 3D scene
3D content is a really interesting way to create interactive content for the web but until recently it has been a pain to develop on a Mac, particularly since most device makers decided early on that...
Dropcaps in CSS
Dropcaps have always been a pain in terms of implementation and cross-browser support. Perhaps you've seen something like this in CSS style sheets before: p::first-letter { color: #FE742F; float:...
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...