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 a new viewport units. This added some knowledge.

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

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 up multiple, alternate sources. Find out how to use responsive images now: send the best image for each context, cut down on page weight, and speed up performance.

The article that referenced by most when it comes about Responsive Images. It’s probably a complete reference. But WordPress not use all of the features. Especially <picture>.

Can’t get thorough explanation about srcset and sizes (which the ones used in WordPress), so need another ones.

Source: Responsive Images in Practice · An A List Apart Article

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 4.4 – Make WordPress Core