Understanding and Using Web Workers
Javascript does a lot of things decently enough but one of its biggest drawbacks is that it's single-threaded. All scripts that run on a page or application run in the same execution context. Web...
How To Use Responsive Images
Based on Andreas Bovens' article Responsive Images: Use Cases and Documented Code Snippets to Get You Started we will look at four use cases for responsive images: Change image sizes based on...
Concepts and examples of responsive images
In working through automating image compression and responsive image generation I wanted to add more areas to the conversation about responsive images without cluttering the post about automation. How...
Automating image work
Since we are unlikely to compress images and less likely to create the individual images necessary to do a good job with responsive images, we have to leverage technologies to do it for us. I use Gulp...
Loading scripts the right way for everyone
Differential loading is the technique where you load different content for different browsers that support different sets of Javascript features and APIs. <script type="module"...
Saving preferences in the user's browser
In working on another idea (how to allow users to select their preferred reading configuration on a web page) I came across another issue: How do we allow users to save their preferences so they don't...
Mirroring a site using Wget
Wget is the GNU/FSF alternative to CURL used to retrieve files from the network via command line. Getting a single file is easy but trying to get an entire directory it's not so easy. I've used a...
Hiding content on the page for advanced users
I was browsing through Brad Neuberg's blog I came across stretchtext.js and I found it interesting enough to take a deeper look. Stretchtext is a Javascript implementation of a hypertext going back to...
Running Prism.js from a web worker
I've spent a lot of time trying to figure out if Prism.js will run inside a worker to highlight syntax on the web page. The answer is sort of. Given the way that Prism uses web workers, it still would...
Arti Directed Layouts and CSS Grid
I've always loved the work that Andy Clarke has done over the years with art direction on the web. I came across another of his ideas in Inspired Design Decisions For The Web #3 that was part of my...