https:/
I generally avoid terms like “mobile”, “tablet”, and “desktop” in my work. It’s not that they’re bad; it’s because they’re broad. In my experience, terms like these confuse more than they clarify.
I really like to see that all browser vendors agree with @[email protected] that we need @media, srcset and sizes for <video> as for <img>/<picture>! 🤩
Do you know good tutorials and/or examples about dealing with responsive images that are fluid horizontaly, but with a fixed height?
Using object-fit: cover; in the CSS is easy, but how can we prevent loading many pixels that will be hidden, without using too many <source> in a <picture>?
I wonder why there are not so many Web games using mostly HTML, CSS and #SVG for the UI, with all the #responsive power they have… 🤷♂️
This live demo is more than 6 years old: https://play.esviji.com/wow/
(Remove wow at the end to really play… 😅)
Responsive Logo Composition With SVG
This is not a recent article, but it's still very useful, I should have shared it earlier! Logos are an ideal use-case for SVG. […] But what if we…
Responsive images on Shopify with Liquid
We launched the image_tag and image_url filters to help with generating responsive images. Before we dive in, what do these filters do? What are…
Ethan Marcotte 
Tyler Sticka