I went to a photo studio recently so I could update my Eleventy website banner. Here’s what I’ve been working on for several hours now.
That image swapping as the window resizes happens via the
<picture> element so the browser only loads the specific image when the user actually needs it, instead of
loading both and hiding the other on certain breakpoints. No JS needed for this too!
I got comments from my Mastodonian friends and apparently they like it:
@teacherbuknoy Everything about this is so good. Not just the various, awesome, responsive designs, and the fact that it's no-JS, but also the photo choices, all the way to the desktop background and the song. Truly 💯✨. Love it all!