This is a very nifty use of CSS gradients!
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.
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
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.
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.
Today was a good day …and here are the very good photos.
Stylish! Retro! Sciency!
PIctures of computers (of the human and machine varieties).
Here’s a clever to technique to improve the perceived performance of image loading with a polygonal SVG placeholder.
Time-shifted photographs of my hometown in Ireland.
Marc took some great pictures at Patterns Day.
Photos of analogue interfaces: switches, knobs, levers, dials, buttons, so many buttons.
If you enjoyed reading Marcin’s serendipitous story on Twitter, here are the pictures to accompany it.
A selection from an ongoing photography project—seven years and counting—leading up to the launch of the Orion project.
Sci-fi book covers and posters from the 1970s.
Lovely, lovely photos from this weekend’s Indie Web Camp.
Great photos from a great gathering.