Search

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

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 …

An exhaustive guide to image optimisation, compression, formats, and quality on the …

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 …

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

Ah, the good old "Gouty-Stem Tree" of Australia! Actually, I honestly had no idea that Baobab's had reached the Great Land of Oz; I have (mistakenly) always assumed they were endemic to Africa, but …

When optimising images with only a few visible colours, reducing the output colour space can have massive savings (Eric is talking about the Acorn software …

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 …

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 …

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 …

🤯 An absolutely brilliant tool for linking CSS filters with SVG colour matrices to create Instagram-like image overlays and …

Privacy Badger has replaced this Vimeo button.Allow …

Source, one of the many blogs I follow, has recently had a themed content week focusing on security. For their main readership this means security for the newsroom, security for the journalist, but …

I've recently been spending a lot of time researching, and ultimately buying, a new camera. From an outsider perspective it might seem a little odd, as I already have a very good DSLR that, whilst by …

The recent update to Lightroom (and descent into League) means that photography has taken a bit of a backseat once again, but I have actually managed to turn posting to social media into a bit of a …

Currently, both myself and my partner are looking into replacing our mobile phones (her slightly more urgently). As a result, we're both quite deep in the mire of tech reviews, contract comparisons …

What's this, a new article? Containing a new Flickr album? Well, who would have …

An attempted experiment to replicate the blog layout of ilovetypography.com, which uses floats to great effect, with more modern CSS Grid and Flex techniques. Turned out to not be quite so simple, but taught me a lot about the benefits and limitations of CSS Grid.

Migrating assets to a new CMS can be a complete pain, but working out which files go with each page or article on a website doesn't have to be a nightmare if you start with a solid foundation. For me, that means tightly coupling my folder structure on the server with my content structure on the website, a workflow that Craft is particularly nifty at automating.

Craft CMS has the ability to accept environment variables as well as aliases. It can be worthwhile understanding how these two seemingly similar concepts differ, and when you might want to use one over the other.

Having just got back from Sidmouth Folk Festival, I wanted to jot down some of my thoughts about the eleven artists we managed to see whilst the music was still firmly playing in my ears. From the traditional to the modern "nu-folk", we certainly had a great spread of styles, instruments and traditions. Some might even say it was folk'ing awesome!

A look back and a look forward... it must be the start of a new year. 2019 held a lot of change and personal improvement, but I can't help but feel that 2020 is going to be a big one. So what exactly do I have planned and what am I hoping for the next 12 months?

Having trouble with Windows 10 and wallpaper slideshows? There's an app for that... actually, quite a few, they're just hard to find, so I curated a few that I've stumbled across for you.

Notes from the fully remote React Summit 2020 (or at least the talks I tuned in for). Lots covered, from static-site generators and the Jamstack through to React state management and accessibility. What a fun day!

Notes from my second fully remote conference, this time Sparkbox's UnConference. Being able to freely access talks from the US is a rare bonus of everything going on right now, and this did not disappoint. Musical cameos, great talks on UX, accessibility, design systems, and amazing speakers. Great event (despite the time difference).

The Sigma 150-600 Contemporary has been on my shortlist as the wildlife lens to get for some time. Today, it left that shortlist... and entered my camera bag! Whilst I can't go out and test it on actual wildlife right now, I have been taking some test shots around the house.

A detailed overview of the various methods available to locally store website or web app data. Overall, the recommendation …

I'm a big fan of projects looking to archive information of endangered species, particularly quality images, biomechanics and video, so that if conservation efforts fail future generations still at …

Every time I upload a GIF to this website it ends up rendered as a single frame. It's taken me quite a while to get to the bottom of why that is.

Notes from the 2020 Jamstack Conf. Some interesting dives in the Jamstack community and various applications of Jamstack technologies, with tweet threads as usual.