Webdesign Express : « Responsive Webdesign », l’art d’adapter son site à tous les terminaux

Voici ma liste de bons liens (à mon sens) de la semaine à propos de Webdesign. Cette semaine, pleins de tutoriels pour créer des webdesign qui s’adaptent au terminal utilisé pour naviguer.. Que ce soit un téléphone mobile, un netbook, un portable ou un PC de bureau avec un écran très grand ou pas, les « Responsives Webdesigns » sont très à la mode en ce moment.
N’oublions pas les emails, qui eux aussi peuvent bénéficier des ces techniques.

Une grosse liste des bons articles que je collecte depuis quelques semaines.

On commence par une présentation :

 

  Pleins de tutos sur les bases et le concept :

 

Responsive Web Design

 

Understanding the Elements of Responsive Web Design

 

Responsive Web Design: What It Is and How To Use It

 

Experimenting with responsive web design

 
Un petit showcase pour voir ce que cela donne sur de vrais site en production :
 

Showcase of Outstanding Responsive Web Designs

 

Responsive web design

 
Et des tutos spécifiques sur les media queries, et des intégrations pour les mobiles, des framework CSS alternatifs, des emails HTML …
 

The practicalities of CSS Media Queries, lessons learned

 

CSS Media Queries & Using Available Space

 

Working with Media Queries

 

CSS3 Media Queries & Responsive Web Design

 

Quick Tip: A Crash-Course in CSS Media Queries

 

CSS3 Media Queries

 

Adaptive layouts with media queries

 

How To Use CSS3 Media Queries To Create a Mobile Version of Your Website

 

Responsive Web Design for Mobile Tutorial

 

Responsive Web Design with HTML5 and the Less Framework 3

 

Optimizing your email for mobile devices with the @media query

★★★★★