Logical Content Flow Tool
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 projectdefaced
perpetual_under_construction.gif
Support
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 CoffeeTools and Genuinely Useful Things
Projects to make your professional or creative work on the web a damn sight easier.
Netlify On-Demand Social Images
Use Netlify's new On-demand Builders to generate social card imagery using an HTML template.
View this project
Neutral Ads
A different way of tackling adverts in Google Search. Keep the paid ads in search while neutralising the tracking.
View this project
Simple Social Image Resizer
Easily make your images the perfect size for all the major social and ad platforms.
View this project
Netlify Quick QR
A Chrome extension that displays a QR code of the project's URL on the overview page.
View this project
PageSpeed Saver
A Chrome Extension that adds download buttons to PageSpeed Insights so you can save your report data as JSON.
View this project
URL2diff
Return a unified diff of a website's rendered and raw HTML data.
View this project
REPL DomTools
A browser free DevTools playground for your command line.
View this project
Core SERP Vitals - Chrome Extension
Show the Core Web Vitals data from the Chrome User Experience Report in your Google Search Results.
View this project
JavaScript Differencer
Easily visualise the effect of disabling JavaScript on the web with the JavaScript Differencer.
View this project
Inaccessible Twitter
See how inaccessible your Twitter feed and profile really is. Automatically blur inaccessible media, and overlay alt text.
View this project
Layout Shift GIF Generator
Easily visualise Cumulative Layout Shift (CLS) with the Layout Shift GIF Generator.
View this projectThe Creative Web
Having fun with web techonologies to break up the endless doomscroll.
margin-margin-revolution.css
Never forget the CSS margin order again with this game.
View this project
GitHub Game of Life
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
Doom Scroller
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
The Book of Horrors
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
Ask An SEO
An open source API for SEOs. Any SEO related question can be asked and an honest answer will be returned.
View this project
Chrome DevTools Pong
Move over Dino Game! I've built a playable game of Pong inside Chrome DevTools.
View this project
The Buggiest Site on the Web
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
Should I Add Push Notifications to my Website
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 projectSpeaking
I talk... in public.
BrightonSEO - Depths of DevTools
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
BrightonSEO - Mastering The API
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 talkContact
Send me an email via hello@defaced.dev or you can find me on Twitter at @defaced.
Follow @defaced Buy Me A Coffee