66 liens privés
La gestion des images responsive arrive dans les navigateurs, et ça va pas être simple à comprendre ! (Mais facile à mettre en œuvre)
Même les logos peuvent être responsives (varier selon la largeur de l'écran)
Framework d'une grille CSS responsive et mobile first
Une barre de menu qui change de taille avec le scroll
Des templates d'emails responsives en quantité et qualité !
Pour tester les caractéristiques de son device
Vous souhaitez comprendre la différence entre différentes méthode de design de site s'adaptant ou non à la largeur de l'écran ?
Un template HTML5 mobile first à télécharger
Pour en revenir à la question initiale, faut-il faire du responsive Web design systématiquement ? La réponse est clairement non.
Des templates HTML5 libres
Un slider (pour faire des slideshow) responsive
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 plugin jquery pour afficher des images différentes selon le média (RWD)
10 galeries/slideshow en Responsive Web Design
Une invitation à faire du Responsive Design (Design adaptatif) non pas en fonction de mobiles particuliers, mais selon des points de rupture (là où le design devient laid).
Regarder à partir de quel endroit le design devient bancal pour, à cet endroit-là, introduire un point de rupture — et hop, une media query.
Passage en revue de quelques templates et framework adaptés aux mobiles (Responsive Web Design)
7 thèmes WordPress gratuits qui proposent un design « Responsive layout ».
Des outils de prototypage rapide en CSS pour un design adaptatif