Author:

Dave is a full-stack developer in Toronto. His day job is in a Knowledge Translation research program, where he gets to pursue his interests in making the web more usable, useful, and accessible. Dave has a beard, but it's not because he thinks it looks good; he's just too lazy to shave.

Twitter: Follow David Newton on Twitter

Keeping The Big <picture> SmallHow To Avoid Duplicate Downloads In Responsive Images

The <picture> element is a new addition to HTML5 that’s being championed by the W3C’s Responsive Images Community Group (RICG). It is intended to provide a declarative, markup-based solution to enable responsive images without the need of JavaScript libraries or complicated server-side detection.

How To Avoid Duplicate Downloads In Responsive Images

The <picture> element supports a number of different types of fallback content, but the current implementation of these fallbacks is problematic. In this article, we’ll explore how the fallbacks work, how they fail and what can be done about it.

Read more...
1

↑ Back to top