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

 Webdesign Express : Responsive Webdesign, lart dadapter son site à tous les terminaux

 

Understanding the Elements of Responsive Web Design

 Webdesign Express : Responsive Webdesign, lart dadapter son site à tous les terminaux

 

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

 Webdesign Express : Responsive Webdesign, lart dadapter son site à tous les terminaux

 

Experimenting with responsive web design

 Webdesign Express : Responsive Webdesign, lart dadapter son site à tous les terminaux
 
Un petit showcase pour voir ce que cela donne sur de vrais site en production :
 

Showcase of Outstanding Responsive Web Designs

 Webdesign Express : Responsive Webdesign, lart dadapter son site à tous les terminaux

 

Responsive web design

 Webdesign Express : Responsive Webdesign, lart dadapter son site à tous les terminaux

 
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

 Webdesign Express : Responsive Webdesign, lart dadapter son site à tous les terminaux

 

CSS Media Queries & Using Available Space

 Webdesign Express : Responsive Webdesign, lart dadapter son site à tous les terminaux

 

Working with Media Queries

 Webdesign Express : Responsive Webdesign, lart dadapter son site à tous les terminaux

 

CSS3 Media Queries & Responsive Web Design

 Webdesign Express : Responsive Webdesign, lart dadapter son site à tous les terminaux

 

Quick Tip: A Crash-Course in CSS Media Queries

 Webdesign Express : Responsive Webdesign, lart dadapter son site à tous les terminaux

 

CSS3 Media Queries

 Webdesign Express : Responsive Webdesign, lart dadapter son site à tous les terminaux

 

Adaptive layouts with media queries

 Webdesign Express : Responsive Webdesign, lart dadapter son site à tous les terminaux

 

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

 Webdesign Express : Responsive Webdesign, lart dadapter son site à tous les terminaux

 

Responsive Web Design for Mobile Tutorial

 Webdesign Express : Responsive Webdesign, lart dadapter son site à tous les terminaux

 

Responsive Web Design with HTML5 and the Less Framework 3

 Webdesign Express : Responsive Webdesign, lart dadapter son site à tous les terminaux

 

Optimizing your email for mobile devices with the @media query

 Webdesign Express : Responsive Webdesign, lart dadapter son site à tous les terminaux