public marks

PUBLIC MARKS with tags images & "responsive design"

This year

Dev.Opera — Responsive Images: Use Cases and Documented Code Snippets to Get You Started

by Spone
Finally, true responsive images are becoming a reality on the web — in pure HTML, without convoluted hacks. The picture element and a couple of new attributes for the img element are behind a flag in Chromium 37 and shipping in Chromium 38 (so coming soon in Opera), in Firefox Nightly and are being implemented in WebKit (although it remains to be seen if Apple will ship it in the next version of Safari). The new picture element can be verbose and confusing, because it solves a range of use cases. To help you match your requirements to the responsive image syntax, we’ve prepared this article full of examples.

Sizer Soze

by gregg
WHAT IS THE COST OF YOUR NON-RESPONSIVE IMAGES?

2013

Responsive images – end of year report | HTML5 Doctor

by srcmax
It’s nearly two years since I suggested a picture element as a strawman proposal as a way to solve the problem of responsive images, so let’s have a look at how we’re doing.

ReSRC - Responsive images on demand, direct from the cloud

by gregg
ReSRC delivers responsive images on-demand, direct from the cloud. Link your images to our super simple service and let us take care of everything.

2012

filamentgroup/Responsive-Images

by srcmax & 1 other
The goal of this technique is to deliver optimized, contextual image sizes in responsive layouts that utilize dramatically different image sizes at different resolutions. Ideally, this could enable developers to start with mobile-optimized images in their HTML and specify a larger size to be used for users with larger screen resolutions -- without requesting both image sizes, and without UA sniffing.

Adaptive Images in HTML

by srcmax & 9 others
A drop-in solution that automatically creates, caches, and delivers device-appropriate versions of your website’s images. No mark-up changes needed. Adaptive Images is intended for use with Responsive Designs and to be combined with Fluid Image techniques.

2011

Adaptive Images in HTML

by Spone & 9 others
A drop-in solution that automatically creates, caches, and delivers device-appropriate versions of your website’s images. No mark-up changes needed. Adaptive Images is intended for use with Responsive Designs and to be combined with Fluid Image techniques.

filamentgroup/Responsive-Images - GitHub

by Spone & 1 other
An Experiment with Mobile-First Images that Scale Responsively & Responsibly

Active users

Spone
last mark : 08/08/2014 09:58

dzc
last mark : 25/04/2014 09:38

gregg
last mark : 24/04/2014 16:56

srcmax
last mark : 22/11/2013 12:12

julie
last mark : 11/04/2012 09:52