public marks

PUBLIC MARKS from decembre with tags Responsive & image

April 2015

January 2015

RESPONSIVE DESIGN - Which responsive images solution should you use? | CSS-Tricks

There are a bunch of techniques going around for dealing with responsive images lately. That is, solutions to help us serve the right image for the occasion (e.g. size of screen and bandwidth available). They all do things a bit differently. To keep track, Christopher Schmitt and I have created this spreadsheet of techniques.

December 2014

JAVASCRIPT - IMAGE RESPONSIVE - Picturefill

Picturefill is a JavaScript file (or a polyfill to be more specific) that enables support for the picture element and associated features in browsers that do not yet support them, so you can start using them today! Picturefill is developed and maintained by Filament Group, with help from the members of the Responsive Images Community Group and the developer community at large.

July 2014

CSS - IMAGES RESPONSIVE - ResponsiveImages.org

(via)
A group of developers working towards a client-side solution for delivering alternate image data based on device capabilities to prevent wasted bandwidth and optimize display for both screen and print.

March 2014

CSS - 2013 - Adaptive Images et Responsive Web Design | Openweb.eu.org

Cédric Morin étudie une solution prête à l’emploi pour résoudre le casse-tête des Adaptive Images, adaptée aux sites dynamiques (une de plus, oui). Cette solution est complexe, mais est prévue pour être complètement automatisable (comprenez industrialisable).

image - Responsive - JAVASCRIPT (PHP) - Adaptive Images in HTML

by 8 others (via)
How is it different? Adaptive-Images aims to mitigate the problems inherent with Filament Group's method. It is designed to be entirely non-destructive so that it will work with any CMS or even with existing mark-up, without a need to edit anything. It creates and manages its own resized images using your existing images as the source, and it will adapt to the same resolution brackets your site does with the CSS3 @media queries used in your Responsive Design. It can do all of this because it already has the high resolution version to work on (it's the one referenced in the mark-up).

February 2014

CSS - Responsive Images: Experimenting with Context-Aware Image Sizing | Filament Group, Inc., Boston, MA

(via)
What is this all about? The goal of this technique is to deliver optimized, contextual image sizes for responsive layouts that utilize dramatically different image sizes at different resolutions. Ideally, this approach will allow 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.

January 2014

CSS - RESPONSIVE - Flexible Foundations | Trent Walton

Responsive or not, there’s no reason why we shouldn’t all be designing and building sites on flexible foundations.

decembre's TAGS related to tag Responsive

Adaptative +   analyse +   blog +   bookmarklet +   browser +   calc +   chrome +   cms +   css +   css3 +   CSSjavascript +   customiser +   demo +   design +   dev +   development +   device +   dom +   em +   firefox +   flexible +   fluid +   Google:Chrome +   guide +   html +   icon +   image +   implementation +   javascript +   layout +   lenght +   madia-query +   Media Queries +   media-screen +   media:queries +   mobile +   outil +   php +   picto +   picture +   polyfill +   px +   resize +   resource +   ressource +   s +   scale +   screen +   size +   solution +   srcset +   tool +   tuto +   tutorial +   tutoriel +   viewort +   viewport +   vw +   web +   webdesign +   width +