Match up images that have been posted in pairs to Twitter with the caption “same energy”. This is more fun and addictive than it has any right to be.
Tuesday, October 6th, 2020
Thursday, August 20th, 2020
The latest edition in this wonderful series of science-fictional typography has some truly twisty turbolift tangents.
Tuesday, July 7th, 2020
Tuesday, June 23rd, 2020
This is a very nifty use of CSS gradients!
Thursday, June 11th, 2020
I wrote a while back about one of my favourite photographs but this might just give it a run for its money.
It was only near the end of the 19th century that shutter speeds improved, as did emulsions, meaning that spontaneous moments could be captured. Still, smiling was not part of many cultures. It could be seen as unseemly or undignified, and many people rarely sat for photos anyway.
Friday, May 29th, 2020
Chris has put together one of his indispensable deep dives, this time into responsive images. I can see myself referring back to this when I need to be reminded of the syntax of
Friday, May 1st, 2020
Some great practical examples of progressive enhancement on one website:
- using grid layout in CSS,
- using the
pictureelement to provide
webpimages in HTML.
All of those enhancements work great in modern browsers, but the underlying functionality is still available to a browser like Opera Mini on a feature phone.
Friday, April 3rd, 2020
A nice succint explanation of using the
sizes attributes on the
img element—remember, you probably don’t need
source elements if your use case is swapping out different sized versions of the same image.
One caveat thought: you do need to know the dimensions of the images. If you’re dealing with unknown or user-generated photos, that can be an issue.
Thursday, March 12th, 2020
Sunday, November 17th, 2019
Tuesday, November 12th, 2019
The Web is smothering in useless images. These clichéd, stock images communicate absolutely nothing of value, interest or use. They are one of the worst forms of digital pollution because they take up space on the page, forcing more useful content out of sight. They also slow down the site’s ability to download quickly.
Friday, August 23rd, 2019
Wednesday, May 29th, 2019
Here’s a clever tiny lesson from Dave and Brad: you can use
prefers-reduced-motion in the
media attribute of the
source element inside
Sunday, May 12th, 2019
Today was a good day …and here are the very good photos.
Tuesday, April 9th, 2019
Stylish! Retro! Sciency!
Thursday, March 7th, 2019
There’s something deliciously appropriate about using a painting cloning service to clone a photograph of some cloned dogs.
“Did you just order an oil painting of Barbra Streisand’s dogs?” is the most Simon and Natalie thing ever.
Although this comes close:
Saturday, February 2nd, 2019
PIctures of computers (of the human and machine varieties).
Sunday, September 30th, 2018
Saturday, November 18th, 2017
Here’s a clever to technique to improve the perceived performance of image loading with a polygonal SVG placeholder.
Thursday, September 7th, 2017
Time-shifted photographs of my hometown in Ireland.