Responsive design...
Follow
9.1K views | +1 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!

Five steps to gettin’ flexy in responsive web design | .net magazine

Five steps to gettin’ flexy in responsive web design | .net magazine | Responsive design & mobile first | Scoop.it
Five steps to gettin’ flexy in responsive web design...
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Does Creativity Suffer With Responsive Workflows? - Vanseo Design

Does Creativity Suffer With Responsive Workflows? - Vanseo Design | Responsive design & mobile first | Scoop.it

A couple of weeks ago I posted how workflows are changing with responsive design. Mike raised an interesting question in a comment on the post wondering about creativity or a lack of it with the new workflows. I replied, but had more to add.

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

Five steps to gettin’ flexy in responsive web design | Feature | .net magazine

Five steps to gettin’ flexy in responsive web design | Feature | .net magazine | Responsive design & mobile first | Scoop.it
Dave Rupert, lead developer at Paravel, gives essential tips and tricks on becoming flexible in responsive web design...
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Tools And Plugins To Create A Responsive Website - 48 Items

This is the future of web design, a future that is already here and we must prepare ourselves for it with the help of tools and plugins that other web designers and web developers have created.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

ResponsiveSlides.js · Responsive jQuery Slider & Slideshow

ResponsiveSlides.js · Responsive jQuery Slider & Slideshow | Responsive design & mobile first | Scoop.it
ResponsiveSlides.js is a tiny jQuery plugin that automatically creates responsive slider using images inside a container.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

SVG CSS - How to embed svg for liquid layout or Rsponsive Web Design - Firefox - Chrome - Safari - IE9 - Opera

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

Shaun Inman // Automatic Conditional Retina Images

One line of JavaScript and a few mod_rewrite rules and we have no fuss Automatic Conditional Retina Images. No DOM crawling. No redundant requests. No server-side scripts. No cookies? No problem, they just get the original image. The only change you might need to make to your workflow is explicitly defining image width and height in HTML (you should really be doing this already) and background-size in your CSS. And of course, creating retina images. If your original image is named circle.png the retina version should be circle@2x.png If you forget a retina image the original image will be served, even on retina devices. Check the caveats.

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

Adaptation: Why responsive design actually begins on the server

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

Pragmatic responsive design

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

[rwdsummit2012] Adaptive Images in Responsive Web Design

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.
Rescooped by Agathe-Sevegrand from Time to Learn
Scoop.it!

10 Tutoriels pour une navigation Responsive

10 Tutoriels pour une navigation Responsive | Responsive design & mobile first | Scoop.it

As responsive design rapidly increases in popularity, we felt we would take a look at some of the varied solutions and techniques that are being adopted for managing the navigation/menu on smaller screened devices.
Planning and building your menu for mobiles will perhaps be the trickiest aspect of your responsive layout, not just with the coding but also having to decide what will stay and what will have to go to fit everything into the smaller screen. It is a juggling act between both readability and the desire to show as much on the screen as possible.
Hopefully the solutions we have for you below will help get you on your way.


Via Frédéric DEBAILLEUL
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Responsive Design Mock-up Pack | MediaLoot

Responsive Design Mock-up Pack | MediaLoot | Responsive design & mobile first | Scoop.it
Download a free collection of responsive design mockups including multiple mobile devices, displays, and screens.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

How to Make Your Site Mobile-Friendly with 'Responsive Design'

How to Make Your Site Mobile-Friendly with 'Responsive Design' | Responsive design & mobile first | Scoop.it
Consider these five tips for harnessing the power of this mobile technology.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

CSS Grids & Responsive Frameworks Comparison | Tableaux comparatifs - SocialCompare

CSS Grids & Responsive Frameworks Comparison | Tableaux comparatifs - SocialCompare | Responsive design & mobile first | Scoop.it
Comparison of popular CSS grid frameworks. Feel free to contribute!
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

slabText – a jQuery plugin for creating big, bold & responsive headlines

I’ve been wanting to attempt a port of Erik Loyer’s slabtype algorithm for quite some time now and seeing Paravel’s fittext jQuery plugin, in combination with a gloriously hassle-free lunch hour gave me the impetus to attempt it. This is the result – resize the browser viewport to see the effect in action.

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!

20 Free Responsive HTML & CSS Templates

20 Free Responsive HTML & CSS Templates | Responsive design & mobile first | Scoop.it
The free responsive CSS & HTML templates we have for you today do not only offer a quick and easy to edit solution for a static website or as a theme for y...
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Where print fits with Responsive Web Design

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!

» Where are the Mobile First Responsive Web Designs? Cloud Four Blog

» Where are the Mobile First Responsive Web Designs? Cloud Four Blog | Responsive design & mobile first | Scoop.it

Lyza and I entitled the second chapter of our forthcoming book “Mobile First Responsive Web Design (RWD)”. Because this is a Head First book, we can’t simply explain the theory of Mobile First RWD. We have to teach our readers how to do it.

more...
No comment yet.
Rescooped by Agathe-Sevegrand from Lectures web
Scoop.it!

For a Future-Friendly Web

Good prez ;-)
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Inpixelitrust Responsive blank theme for WordPress - Stéphanie Walter: Webdesigner - UX-UI designer

Inpixelitrust blank theme is a simple responsive HTML5 blank/starter theme for starting a WordPress project with option page, custom post types, etc.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Developing Responsive Designs With Opera Mobile Emulator | Smashing Mobile

Developing Responsive Designs With Opera Mobile Emulator | Smashing Mobile | Responsive design & mobile first | Scoop.it
Back in 2009, when coding version 10 of Opera Mobile, my Opera colleagues decided to tune the Opera Mobile build machine so that it would churn out builds not only for common mobile platforms, but for Windows and Linux as well.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

10 Responsive Navigation Solutions and Tutorials - Speckyboy Design Magazine

As responsive design rapidly increases in popularity, we felt we would take a look at some of the varied solutions and techniques that are being adopted fo...
more...
No comment yet.