Responsive design...
Follow
9.9K views | +0 today
Responsive design & mobile first
Ressource, articles, techniques responsives
Your new post is loading...
Your new post is loading...
Scooped by Agathe-Sevegrand
Scoop.it!

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

Which responsive images solution should you use? | CSS-Tricks | Responsive design & mobile first | Scoop.it
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 occasio
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Focal Point: Intelligent Cropping of Responsive Images

Focal Point: Intelligent Cropping of Responsive Images | Responsive design & mobile first | Scoop.it
Reading an article entitled Focal Point: Intelligent Cropping of Responsive Images on Design Shack.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

focal-point : A small set of CSS classnames to help keep images cropped on thé focal point for responsive design

focal-point - A small set of CSS classnames to help keep images cropped on the focal point for responsive designs.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Media Query & Asset Downloading Results

Media Query & Asset Downloading Results A little while back, I mentioned I was doing some research for the book about …...
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

HTML5 adaptive images: end of round one | HTML5 Doctor

After The Great Vendor Prefix Hullaballoo of April 2012 comes The Great Responsive Images Brouhaha of May 2012.

more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

W3C - HTML Responsive Images Extension

This proposal adds new elements and attribute to [HTML5] to enable different sources of images based on browser and display characteristics. The proposal addresses multiple use cases such as images used in responsive web designs and different images needed for high density displays.

more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

A List Apart: Articles: Responsive Images: How they Almost Worked and What We Need

more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

A List Apart: Articles: Responsive Images and Web Standards at the Turning Point

more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Responsive Web Design Techniques, Tools and Design Strategies - Smashing Mobile | Smashing Mobile

Responsive Web Design Techniques, Tools and Design Strategies - Smashing Mobile | Smashing Mobile | Responsive design & mobile first | Scoop.it
Back in January, we published an article on responsive design, “Responsive Web Design: What It Is and How to Use It.” Responsive design continues to get a lot of attention, but considering how different it is from the “traditional” way of designing...
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Responsive Image Techniques & Resources

Responsive web design has become a large topic of study over just a couple of years. Web developers are looking to keep up with trends and support the most common Internet-accessible devices. This used to mean only desktops and laptops, but now we have tablets and dozens of various smartphones all running wi-fi.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Use Cases and Requirements for Standardizing Responsive Images

Use Cases and Requirements for Standardizing Responsive Images | Responsive design & mobile first | Scoop.it

In HTML, a user agent's environmental conditions are primarily expressed as CSS media features (e.g., max-width, orientation, monochrome, etc.) and CSS media types (e.g., print, screen, etc.). A responsive image is an image that a developer explicitly adapts in response to different environmental conditions: adaptations can include, but are not limited to, changing the width, height, or even the source of an image.

more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

How should we handle responsive images?

How should we handle responsive images? | Responsive design & mobile first | Scoop.it
What's the best technique for hiding large images on mobile versions of websites? Conditional loading of images with js?
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Responsive background images with fixed or fluid aspect ratios – Voormedia

Responsive background images with fixed or fluid aspect ratios – Voormedia | Responsive design & mobile first | Scoop.it
What's the easiest way to scale background images in responsive layouts? We use an old technique and enhance it to fluidly change the aspect ratio of background images.

Responsive layouts make it possible to dynamically scale the width of a website to fit on small mobile devices as well as larger desktop computers. An element with a percentual width will have its height automatically adjusted. Its aspect ratio remains the same when it is resized.

If we want to accomplish the same with background images we must figure out how to maintain the aspect ratio of any HTML element.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

A jQuery responsive images plugin to help ease the transition | Jquery Picture

A jQuery plugin to help ease the transition to responsive images...
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Responsive web images: What can we expect next? | ZDNet

Responsive web images: What can we expect next?  | ZDNet | Responsive design & mobile first | Scoop.it
Summary: Images for responsive web design are a big issue. We want high-resolution images but we also want to preserve bandwidth. So what's the way forward?
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Top 10 Free Responsive Image Galleries/Slideshows

Top 10 Free Responsive Image Galleries/Slideshows | Responsive design & mobile first | Scoop.it
We’re kicking off Week 2 of our Responsive Web Design series with this beautiful showcase of responsive image galleries and slideshows.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

A List Apart: Articles: Responsive Images: How they Almost Worked and What We Need

A List Apart: Articles: Responsive Images: How they Almost Worked and What We Need | Responsive design & mobile first | Scoop.it
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Adaptive Images in HTML

Automatically adapt your existing website images for mobile devices. No mark-up changes needed. For use with CSS3 Responsive Designs.
more...
No comment yet.