Search

For the second year running, Khoi Vinh of subtraction.com is asking for designers/developers to fill out a survey detailing what tools they use in their day-to-day workflow. I'm probably not the …

An incredibly extensive collection of single-user tools. Need to check colour contrast? Grab image metadata? Generate a gradient? Yup, all of those are in here. The list is immense and the tools are …

There are quite a few tools that claim to help find accessibility issues through automated, pre-programmed test suites. But how accurate are they? Equal Entry have pitted six of the most popular …

SVG OMG is a brilliant (and free) web tool for sanitising, standardising, and minifying SVG assets. It's brilliant and has saved me a few times …

Useful website for generating meta tags, Open Graph tags, Twitter cards, and JSON-LD …

Squoosh looks like a great image compression tool. Either drag'n'drop or link into their …

A brilliant tool for quickly troubleshooting or writing regular expressions. Works perfectly for JavaScript syntax in …

Very high level guide to getting webmentions on your website, tracking them, and automatically pinging linked sites when you …

A quirky little tool quite similar to the Whimsical Web, only for websites that serve no purpose. A few random presses took me to a site which is just a never-ending stream of 8-bit corndogs raining …

A very useful package for getting around the otherwise convoluted steps needed to upgrade npm on Windows. Just open up a PowerShell instance as Admin and use the following three commands (and only …

When you love a website design, you look into how it was made, right? That's what I did with Robb Owen's recent redesign. Amazingly, his incredibly smooth scroll and cursor tracking is achieved via …

Mike Berners-Lee (yes, brother to that Berners-Lee) has carved out a real niche for himself as something of an authority on the complexities of the modern environmental movement, …

Another really neat music-related tool, Stems claims to be able to split tracks into their various components e.g. drums, piano, vocals, instrumentals etc. It's something I've always …

Very useful! A service that can take any URL and output the parsed results as JSON, letting you quickly see your site as a machine would. Helped me catch that my rel=me links were duplicating …

An excellent website for identifying species of butterfly and moth found in the UK, with great photos of all species …

I had no idea that the music lyrics website, Genius, also operated a tool that allows you to comment/annotate on any website, but apparently it does and apparently it's not even that new. It also …

A useful tool for quickly analysing the various combinations of a colour palette and determining which are safe to use from a contrast ratio perspective. I find it particularly useful when used in …

A quick tool to check how much page weight could be saved if you removed all legacy JavaScript from a webpage, in favour of modern …

A brilliant tool for determining where in London you get to within a certain time from a given location. In other words: if I live at X, where can I commute to within Y minutes …

Clever tool for performing a11y audits on the web. Has an automated (though manually triggered) fast run that highlights WCAG breaches on any page, as well as a more detailed full audit suite that …

Memex is an interesting looking tool for bookmarking, with more than a feel of second-brain to it. Saving for future organisation binges …

Very useful tool: just upload an SVG and it will attempt to output the file as a single path 👍 Fantastic for converting icon libraries for design …

IWC London was one year ago today. When it came to an end, I felt like I finally understood the IndieWeb. I was wrong.

This looks like a very interesting world-building tool. Create maps, family histories, write stories, track campaigns, all from a single profile. Neat …

A handy little tool for exporting GreenSock animations as videos, with a wealth of customisation options. Perfect for sharing animation work on social media or dropping examples into case studies …

DPReview is one of my go-to sites for photography reviews or news, but every time I start thinking about a new camera I forget about their excellent hardware searching functionality. You can sort my …

A broad overview of the best practices involved in designing data visualisations, with heaps of additional context and excellent imagery to really drive home the issues and better solutions. The key …

A neat little extrapolation of the normal a11y approach to emojis which adds tooltip behaviours using the aria-label attribute. Particularly useful for those emoji which aren't fully compatible with …

A pretty exhaustive overview of the HTML and CSS options that we now have for responsive image layouts. Here are some key …

Noah explains what it's like working in web design with colour vision deficiency (CVD). Gives a great overview of what CVD covers and why some people can see more/fewer colours than the average …