Une méthode avec text-align: justify pour faire une galerie de photos (ou un menu étalé sur toute la largeur).
Pas complétement convaincu, mais à explorer.
La problématique du responsive est bien plus complexe que ce qu'on peut lire sur certains blogs qui essaient de nous faire croire qu'il suffit aujourd'hui, pour optimiser un site pour mobile, d'ajouter 2 Media Queries pour l'iPhone et l'iPad et redimensionner toutes les images. Le Responsive Web Design est une technique toute jeune, loin d'être parfaite et en constante évolution. Beaucoup de choses sont aujourd'hui possible, mais hélas il reste encore pas mal de chemin à parcourir dans le domaine.
Macaw provides the same flexibility as your favorite image editor but also writes semantic HTML and remarkably succinct CSS. It's time to expect more from a web design tool.
Cardinal is a small, “mobile first” CSS framework with some useful default styles, scalable typography, reusable modules, and a simple responsive grid system.
Un slider (pour faire des slideshow) responsive
Une technique pas trop prise de tête pour avoir 2 tailles d'images selon que c'est mobile ou normal.
A set of small, responsive CSS modules that you can use in every web project.
Use media queries... don't use media queries... whatever. Cycle2 doesn't care; it's the honeybadger of slideshows plugins. Most of the demos on this site use fluid slideshow designs where the slideshow size adjusts as the window is resized. This is accompolished by a simple style rule like this: .cycle-slideshow { width: 45% }. Your slideshows can be fixed-width or fluid-width, or they can adapt to media query breakpoints. You decide!
Un favelet pour tester le RWD de son site
Les light box, c'est bien pour voir l'image en plus grand. Sauf que sur les mobile, ce n'est pas assez grand !
Une solution avec les media queries
Un framework CSS en grille + RWD
Take control of your DOM. Adapt your site for any device.
Mobify.js is an open source library for capturing and manipulating your site's DOM before any resources have downloaded, which enables resource control, conditional loading and more. Mobify.js powers millions of daily mobile visits to your favourite websites.
Des thèmes RWD
The best jQuery plugin for creating side menus and the easiest way for doing your menu responsive
Un plugin jquery pour faire un menu Responsive affiché off-chrome sur la gauche du site
Exprimer une longueur dans les différentes unités : expérimentations et conclusions
Outil de design RWD d'Adobe
Quelques considérations sur les bonnes pratiques à suivre pour créer un site RWD.
Comparaison de différentes méthodes pour rendre un site visible sur mobile (manque le RWD en mobile first)
Un framework RWD minimaliste
Ces derniers mois, j'ai eu la chance de travailler à plusieurs reprises sur l'intégration d'e-mails responsive. C'est un sujet particulièrement intéressant qui rapproche des technologies préhistoriques (mise en page en tableaux, support CSS archaïque) avec des concepts modernes (du responsive design). C'est un peu comme si un scientifique fou décidait de resusciter des dinosaures.