The anatomy of responsive images – JakeArchibald.com

I just had my responsive images epiphany and I’m writing it all down before I forget everything. This is what I know… This wraps up things. By the time reading this (and re-read some previous articles), finally can understand a little bit about this Responsive Images thing. Source: The anatomy of responsive images – JakeArchibald.com

Viewport units: vw, vh, vmin, vmax – Web Design Weekly

The viewport units are a new set of units designed for the challenges we face today. One-pagers, full-width grids, typography, and many other things rely on the size of the viewport. Previously, we hacked these challenges using percentages as mentioned earlier, or JavaScript. Another thing holding up is about ‘vw’ which turns out to be […]

Using Responsive Images (Now) · An A List Apart Article

Use responsive images now! Chen Hui Jing introduces us to the new selection types and shows us how we can make them work for us. Another reference from A List Apart. This one explains srcset and sizes better. Especially about the ‘w’ descriptor (and other descriptor such as ‘x’) used in srcset. Source: Using Responsive […]

Responsive Images in Practice · An A List Apart Article

When we design responsively, our content elegantly and efficiently flows into any device. All of our content, that is, except images. For years, we’ve catered to users with the highest-resolution screens by sending giant images to everyone. No longer. Eric Portis takes us through the new picture element and other attributes to let us mark […]

Responsive Images in WordPress 4.4 – Make WordPress Core

WordPress 4.4 will add native responsive image support by including srcset and sizes attributes to the image markup it generates. For background on this feature, read the merge proposal. How it wor… Release article from Make WordPress Core about Responsive Image. Have to read this post several times to finally understand the point of it. Source: Responsive Images in WordPress […]