Ce coffret contient deux livres : le premier vous présente ces deux langages fondateurs que sont l'HTML5 et les CSS3 ; le second vous présente les techniques de mise en page des sites web basées sur l'utilisation du Responsive Web Design et des requêtes de média.
HTML5 et CSS3 - Faites évoluer le design de vos sites web (3e édition) Pour les designers web, la conception des sites web passe par la maîtrise des langages fondateurs que sont l'HTML (HyperText Markup Language) et les CSS (Cascading Style Sheets). Les dernières versions de ces deux langages, l'HTML5 et les CSS3, vont faire évoluer la manière de concevoir vos sites web en vous offrant de nouvelles possibilités de structure, de mise en page et de mise en forme. Ce livre s'adresse aux concepteurs de sites web et aux designers web ayant déjà la connaissance de l'HTML 4 et des CSS 2.1, qui veulent faire évoluer leurs créations et créer des sites web intégrant ces nouveaux standards.
Responsive Web Design, mises en page et grilles - Les techniques modernes de conception web (2e édition) Les techniques de mise en page des sites web ont beaucoup évolué ces dernières années avec l'utilisation du Responsive Web Design et des requêtes de média ; récemment, de nouveaux modules du W3C ont fait leur apparition pour concevoir des mises en page flexibles, en multi colonnes et en grille. Ce livre débute par une présentation des différents problèmes de compatibilité qui subsistent aujourd'hui. Nous ferons ensuite 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. 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. En nous basant sur de nombreux exemples, nous détaillerons les nouveaux modules du W3C : la mise en page flexible (module Flexible Box Layout ou Flexbox), la mise en page en multi-colonnes (module Multi-column Layout) et la mise en page en grille (Grid Layout). 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. 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.
