defaced

perpetual_under_construction.gif

Tools and Genuinely Useful Things

Projects to make your professional or creative work on the web a damn sight easier.

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 project

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 project

The 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 project

Speaking

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 talk

Contact

Send me an email via [email protected] or you can find me on Twitter at @defaced or Mastodon .