Complex images can paint a thousand words
What is the best way to provide descriptive text for images that are both complex and the main focus of a page? Paul has tried to tackle this on pages dedicated to their personal art, and found that […]
Archives
A collection of single-purpose tools
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 […]
Designing accessible data visualisations
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 […]
Bookmarklet for responsive image linting
Not overly tested, but covers a lot of the common gotchas around building responsive images for the web, and quickly identifies areas for improvement. Definitely feels like something that could be […]
An open source Postman alternative
An open-source tool for API testing, with automatic type safety baked in and a much more advanced output UI that highlights contained images, code blocks, messaging etc. whilst still providing the […]
The modern way of serving images
A very thorough overview of how to write a modern, performant, HTML-driven image component that is as optimised to serve the most appropriate image as possible. There are some very neat tricks in […]
SVG crop
An absolutely fantastic little utility site that takes pretty much any SVG and removes all of the white space. You can drag'n'drop, upload image files, or just paste markup directly into a text […]
Windows search for unwanted Amazon uploads
Just to save time in the future, this search string for Windows Explorer can be used on the root Amazon Drive folder to find all non-image […]
SVG Instagram filters
🤯 An absolutely brilliant tool for linking CSS filters with SVG colour matrices to create Instagram-like image overlays and […]
CLI image compression
Squoosh looks like a great image compression tool. Either drag'n'drop or link into their […]
Generative social media card editor
Man, I wish I'd been able to put something together like this back when I was managing a content team. The ability to just type directly into an image and have the background generatively populate […]
Web waste
A great overview of the state of the modern web from a UX and environmental perspective. Gerry notes the impact of image and videos (and JavaScript) on websites […]
Maximally optimising image loading for the web
Malte has put together a brilliant overview of the various techniques that are currently available on the web natively for loading images in the most performant and user-centric ways possible. I'm […]
Srcset and sizes
A wonderfully illustrated and deeply informative article on responsive images on the web. 👏 Also, Eric's worries about "none of this being implemented in any browser yet" are no longer relevant […]
Autonomy online: a case for the IndieWeb
Ana has put together a brilliant overview of the why, what, and how of the IndieWeb. I imagine I'll return many times to look up simplified explanations, but a couple of […]
CSS animations within SVG
A very neat little trick. Embedding @keyframes within your SVG <style> element makes it animate when it loads, whether rendered as an image or a background (or, I assume, inlined). It can even […]
Discover your creative type
Adobe have put together a creative questionnaire, replete with quirky designs and animations. Not too sure about the actual style choices, but it's certainly consistent. At any rate, I'm apparently […]
Images good to the last byte
An exhaustive guide to image optimisation, compression, formats, and quality on the […]