Issue #361 (CSS Headers, JS Libs, Testing, Uncats)
One of the quirkiest front-end tricks I've stumbled upon recently is the ability to add CSS to any webpage using HTTP Headers. Unfortunately, this technique is supported only in Firefox (and potentially in some really old browsers), but it's kind of cool because you can basically make it appear that a web page is styled without a linked stylesheet. I went into detail on how to do this in a post on my main website a short time ago:
That post also provides a basic introduction to custom HTTP headers. If you want to peek under the hood, you can view the demo page here
. Again, this only works in Firefox as far as I know.
Now on to this week's tools!
The New Tab Page You’ll Actually Use
The minimal new tab page you’ll actually use. Chrome and Firefox extensions available. sponsored
A framework for creating full-featured presentations in a web browser. This is an old project that's still getting updates, now at version 4+.
Successor to Intercooler.js (details). Allows you to access Ajax, WebSockets, and Server Sent Events using HTML attributes, to build modern UIs with the simplicity and power of hypertext.
MVC web application framework. Like Laravel but for Deno. Currently a work in progress.
A back-end framework for web apps based on Node. Useful if you don't want you to use Express.js along with a slew of packages.
A framework that originated from trying to avoid virtual DOM diffing, but instead updating only the elements that changed, somewhat similar to Svelte, but without compilation.
A full-stack React framework built on Next.js and inspired by Ruby on Rails.
A collection of useful type utilities for higher type safety in TypeScript.
Testing and Debugging Tools
An accessibility checker for EPUB, developed by the DAISY Consortium, to assist with the evaluation of accessibility features of EPUB publications.
Universal bug tracker that allows team members to collaborate, discuss and kill bugs effectively. Multiple front-end and back-end technologies supported.
Be aware of errors, warnings, and logs without having to open the browser's console, but instead via toast notifications.
Simple utility to help quickly script puppeteer programs. All it does is load a URL and then let you run a function against the page once it's loaded.
Open source suite of tools to help diagnose and pinpoint Node.js performance issues.
An accessibility quality assurance tool that visually highlights common accessibility and usability issues. Geared towards content authors, Sa11y indicates errors or warnings at the source with a simple tooltip on how to fix.
A tiny, web performance monitoring library that reports field data back to your favorite analytics tool.
Adds pretty-printed code highlighting and a few other features to errors displayed using Flow.js, the popular static type checker.
Run your Puppeteer and Playwright tests on headless instances in the cloud.
An automated testing tool that delivers super-fast authoring and amazingly stable tests. Tests can be run coded, codeless, or both.
A brief weekly newsletter for tech professionals. Features articles, tips, and tools for improved productivity. promoted
A robust GeoIP lookup API so you can track and serve your customer better.
Turn your spreadsheets into applications. Lets you create digital tools to engage your customers, partners, and team, powered by the data in your Airtable or Google Sheets.
The easiest tool to scrape the internet. Simply point and click to turn websites into organized data and download them as JSON/CSV. No coding or configuration required.
A powerful screen recorder and video editor.
A collection of tools for developers who have little to no artistic talent.
Builds an awesome documentation website around your Markdown documents, using Next.js and MDX.
A platform for your code snippets and general notes with a Google-like search systems that lets you easily find snippets again later.
A Bash script that creates a macOS virtual machine guest on VirtualBox with unmodified macOS installation files downloaded directly from Apple servers. Tested on Cygwin. Works on macOS, Windows Subsystem for Linux, and CentOS 7.
A Tweet for Thought
I'm almost positive nearly every one of you has seen the blinking white guy meme. This Tweet's clip explains its origin. For some reason I always thought it was a celebrity clip, but apparently he's just some unknown podcaster.
Send Me Your Tools!
Made something? Send links via Direct Message on Twitter @WebToolsWeekly (details here). No tutorials or articles, please. If you have any suggestions for improvement or corrections, feel free to reply to this email.
Before I Go...
This might be a bit of an overstate, but here's a 1964 video of British science fiction writer Arthur C. Clarke predicting the internet.
Thanks to all for subscribing and reading!