HTML5 et CSS3 pour des sites Responsive Web Design

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 foute 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.