Tools
Tools and helpers I’ve developed or that I maintain. For additional inspiration, consider web-based and free tools as well as tooling-related entries on Frontend Dogma.
Compressor.js Next
Optimizing the JavaScript image compressor and converter.
#15 · · development, javascript, performance, optimization
HTML Minifier Next 5, a Quick Upgrade Guide
A checklist to work through the breaking changes of this major update.
#14 · · development, html, performance, optimization
HTML Minifier Next: Even Faster, JavaScript Minification With SWC, SVG Minification
On making HMN better and better.
#13 · · development, html, javascript, performance, optimization
HTML Minifier Next: Presets, New Config Options, Minification Sharing, and Type Definitions
A quick overview of some recent improvements to one of the oldest and most versatile HTML minifiers.
#12 · · development, html, performance, optimization
HTML Minifier Next: Improved Minification, More Comprehensive CLI, Clearer Docs (and a Switch to Lightning CSS)
On making it easier to minify, optimize, and speed up HTML at scale.
#11 · · development, html, css, performance, optimization
.htaccess: A Helper Script to Easily Block Website Traffic by Country
On making it easy to pull and customize IP ranges from IPdeny.
#10 · · development, politics
A Chromium Browser Extension to Counter Warmongering, Genocidal, Misanthropic Actors
Block navigating to and loading from URLs, domains, and entire top-level domains with a user-configurable browser extension.
HTML Minifier Next (a Maintained Fork of HTML Minifier)
On providing an alternative version of HTML Minifier, critical web tooling that cannot remain unmaintained.
#8 · · development, html, optimization, performance
Automatable Defensive Core Image Compression With Image Guard 4 (Now With No Imagemin)
The Image Guard package was just updated to move away from the unmaintained Imagemin family, and to improve code, tests, documentation, and usability. If you like to avoid unnecessary image payload, even in your repos, especially in environments where not everyone pays attention to it, this is a good update to try.
#7 · · development, optimization
A Node and Command Line Tool to Find Obsolete HTML
Have you ever wondered if and where you have obsolete HTML in your codebase? Of course, there’s a tool for that.
#6 · · development, html, conformance
Image Compression: How to Super-Easily Set Up Automated Base Optimization
Setting up image compression tooling is easy—and for those who want to err on the safe side automatically employing lossless compression, it’s even easier with a solution from sum.cumo: Merlin.
#5 · · development, performance, optimization
Privacy, Obscurity: Randomizing New Tabs
You want to leave a less predictable online trail? I wrote a little browser extension for Chrome that accomplishes that: the New Tab Traffic Randomizer. The extension requests a random URL every time a new tab is opened…
#4 · · misc
Maintainable Social Script Integration
In my book, a website embeds all those third-party “share” and “like” and “+1” scripts like: this.
#3 · · development, javascript, maintainability
Exposing Reset Style Sheets
Finally, a Chrome extension to highlight alternative approaches to CSS.
#2 · · development, css
Diagnostic Styling Reloaded
Eric cultivated the concept of “diagnostic styling,” meaning using CSS to identify problems within HTML documents. I’ve been working with diagnostic style sheets for general quality assurance…
#1 · · development, css, quality