Responsive Web Design, Mises En Page Et Grilles - Les Techniques Modernes De Conception Web
Christophe Aubry

L'objectif du Responsive Web Design est de créer des sites Web dont la mise en page s'adapte automatiquement pour un affichage optimal quel que soit le type d'écran sur lequel il est affiché : écran d'ordinateur, de tablette ou de smartphone. Dans ce livre, nous allons commencer par un rappel sur les méthodes de mise en page "classiques" et leur limitation avant d'introduire la technique de mise en page basée sur l'utilisation des tableaux et des CSS3. Nous apprendrons ensuite à utiliser les grilles de mise en page, les grilles fixes et fluides. Le Responsive Web Design est essentiellement basé sur les requêtes de média CSS3, les Media Queries : nous apprendrons à maîtriser cette technique à l'aide de nombreux exemples. Nous verrons ensuite les différents aspects de la mise en page responsive : les grilles, les images et la typographie. Pour nous aider à travailler plus efficacement, nous apprendrons à utiliser les bases de certains frameworks CSS qui permettent d'utiliser toute une série de composants HTML5/CSS3 pour concevoir efficacement des sites responsive. Nous verrons aussi l'utilité des librairies JavaScript pour gérer au mieux les problèmes de compatibilité avec les navigateurs. Enfin nous terminerons en vous présentant les futures techniques avancées de mise en page qui sont en cours d'étude actuellement par le W3C.