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...
Custom Elements revisited (once more)
This post will look at technologies allow us to create fully encapsulated and accessible web content. Custom Elements allows developers to create specialized elements for the web Shadow DOM gives us...
Better Links for Print
When we print web pages we see links as underlined text either black or, if we printed in a color printer, blue or whatever color we made our links. That doesn't help us know what the actual links...
Generating screenshots
I'm documenting behaviors that I take for granted and then forget just when I need them. The question is How do I generate screenshots of what I'm working on? The answer is It depends How to generate...