Results for Tag ‘HTML5’

TL;DR Cloudinary’s JavaScript library accelerates web development by providing automated JavaScript image transformation and management with a few lines of code. The newly released version streamlines the library by providing a much requested jQuery-free core library. At the same time it is fully backward compatible with previous versions. The new…

Previously, we saw how to mark up performant, adaptable <img>s using srcset and sizes in conjunction with Cloudinary’s image transformations. How far can we push that notion of “adaptability”? Last time, we learned how to offer up an image at a range of different resolutions. This allowed us to…

The number of different devices available and their potential screen resolutions keep increasing, and to support this wide range of resolutions and devices, responsive website design is now the standard. A website’s markup must adapt itself to look perfect on all the different devices and in various resolutions, pixel densities…

The “responsive images” problem Five years ago, Ethan Marcotte coined the term “responsive web design” and gave it three defining ingredients: fluid grids, flexible media, and media queries. An essential part of this flexible media is the use of the srcset attribute in HTML, which plays a crucial role…