Visualise the structure of your content. Quickly discover and identify issues with the Logical Content Flow of the heading elements on any page.View this project
If my fun web experiments brighten your day, my tools save your bacon, or you simply want to say thanks for the work that goes into creating and maintaining all these projects, consider supporting me on Ko-fi by buying me a coffee.
Even a small amount will go a long way to covering the not inconsiderate running costs.Buy Me A Coffee
Tools and Genuinely Useful Things
Projects to make your professional or creative work on the web a damn sight easier.
Use Netlify's new On-demand Builders to generate social card imagery using an HTML template.View this project
A different way of tackling adverts in Google Search. Keep the paid ads in search while neutralising the tracking.View this project
Easily make your images the perfect size for all the major social and ad platforms.View this project
A Chrome extension that displays a QR code of the project's URL on the overview page.View this project
A Chrome Extension that adds download buttons to PageSpeed Insights so you can save your report data as JSON.View this project
Return a unified diff of a website's rendered and raw HTML data.View this project
A browser free DevTools playground for your command line.View this project
Show the Core Web Vitals data from the Chrome User Experience Report in your Google Search Results.View this project
See how inaccessible your Twitter feed and profile really is. Automatically blur inaccessible media, and overlay alt text.View this project
Easily visualise Cumulative Layout Shift (CLS) with the Layout Shift GIF Generator.View this project
The Creative Web
Having fun with web techonologies to break up the endless doomscroll.
Never forget the CSS margin order again with this game.View this project
Not a fan of GitHub's contribution graphs? Then use them as a seed and replace them all with Conway's Game of Life using my Chrome Extension or Bookmarklet.View this project
Are you endlessly doomscrolling on the web? Then I have the solution for you. The only extension to stop you doom scrolling endlessly on the web.View this project
I trained a machine learning algorithm on over 16,000 pages of the printed @Argos_Online catalog, then set it to work creating its own nightmarish book.View this project
An open source API for SEOs. Any SEO related question can be asked and an honest answer will be returned.View this project
Move over Dino Game! I've built a playable game of Pong inside Chrome DevTools.View this project
Oh no! I appear to have made the buggiest site on the web. Check out the horror in your browser's developer console.View this project
Thinking of adding push notifications to your website? Then don't worry, I've put together a quick and easy guide for you.View this project
I talk... in public.
A deep dive into the depths of devtools. Explore the depths of Chrome's DevTools and discover the wealth of tucked away tools and quick tips that can dramatically improve your workflow.More about this talk
Data doesn't have to be boring! Learn how to utilise APIs and create your own to enhance and automate your workflow, and have fun along the way.More about this talk
Send me an email via firstname.lastname@example.org or you can find me on Twitter at @defaced.Follow @defaced Buy Me A Coffee