Reducing motion with the picture element
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 picture.
Tags: picture
155
I commissioned an oil painting of Barbra Streisand’s cloned dogs
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:
1969 & 70 - Bell Labs
PIctures of computers (of the human and machine varieties).
Control Panel
Analogue switches, dials, and buttons, buttons, buttons (just like that Flickr group I linked to).
Using SVG as placeholders — More Image Loading Techniques - JMPerez Blog
Here’s a clever to technique to improve the perceived performance of image loading with a polygonal SVG placeholder.
Now and Then Cobh
Time-shifted photographs of my hometown in Ireland.
Control Panel | Flickr
Photos of analogue interfaces: switches, knobs, levers, dials, buttons, so many buttons.
Typewriters in the Technical Museum in Figueres | Flickr
If you enjoyed reading Marcin’s serendipitous story on Twitter, here are the pictures to accompany it.
NASA – Past and Present Dreams of the Future | Benedict Redgrove
A selection from an ongoing photography project—seven years and counting—leading up to the launch of the Orion project.
70s Sci-Fi Art
Sci-fi book covers and posters from the 1970s.
Responsive Image Breakpoints Generator by Cloudinary
A very handy tool for figuring out breakpoints for responsive images.
Upload an image in its largest size, play around with the settings, and then generate the breakpoints, the markup, and the resized images for each breakpoint.
Project Apollo Archive on Flickr
This is so, so wonderful—hundreds and hundreds of photographs from all of the Apollo missions. Gorgeous!
The shots of Earth take my breath away.
Scribblit
This is so nifty! Mikey has made a site where you can order his interactive artwork.
Interactive? That’s right! Each framed picture comes with a pen so you can doodle over the picture (and wipe it clean again).
Check out The Fett and The Falcon!
Flickr: Official SpaceX Photos’ Photostream
SpaceX has a Flickr account, and you have permission to use these photos.
Better SVG Fallback and Art Direction With The <picture> Element
Smart thinking from Sara on providing a PNG fallback to browsers that don’t support SVG. Although, actually what I like about this solution is that it’s less about providing PNG as a fallback, and more about treating PNG as the baseline and SVG as the enhancement (an approach that the picture element is perfect for).