Résumé

Avec cet ouvrage, apprenez à créer des sites web en HTML5 et CSS3 en suivant les techniques et la méthodologie du Responsive Web Design, qui permet à un site web de s'afficher de façon esthétique et harmonieuse sur n'importe quelle taille d'écran.

Description

Créez ou adaptez votre site web pour tous les navigateurs, écrans TV et PC, tablettes et smartphones!

Alors que les usages de navigation sur Internet se multiplient, les sites web restent bien souvent inadaptés à l'écran ou au matériel avec lesquels ils sont consultés. La mise en page des sites reste fixe, le texte est peu lisible, les temps de chargement s'alourdissent, ainsi que parfois les coûts de développement… Avec les principes du Responsive Web Design, développez des sites dont la mise en page s'adaptera de façon harmonieuse et esthétique à tous les supports de navigation!

Grâce aux leçons de cet ouvrage, vous développerez des sites web réactifs ou améliorerez vos sites existants. Vos pages web s'afficheront de façon esthétique sur tous les types et tailles d'écrans, votre code sera plus facilement maintenable, et vous ne perdrez plus de temps et de coûts de développement à créer des versions mobiles de vos sites. Vous maîtriserez facilement les techniques de design avancées (grilles fluides, images flexibles, media queries) et apprendrez à vous servir des nouveautés de HTML5 et CSS3 pour améliorer l'expérience utilisateur de votre site (balises sémantiques, médias, transitions, transformations, animations, ombres, typographie, etc.), quel que soit l'écran ou le support avec lequel il sera consulté, avec un appareil d'aujourd'hui ou de demain.

Cet ouvrage s'adresse à tous les développeurs, intégrateurs ou designers web qui souhaitent apprendre les techniques pour créer ou adapter des sites en Responsive Web Design.

Table des matières

• HTML5, CSS3 et le Responsive Web Design
• Media queries et zones de visualisation
• Mises en page fluides
• HTML5 pour les designs réactifs
• CSS3 : sélecteurs, typographie et modes de couleurs
• Effets esthétiques avec CSS3
• Transitions, transformations et animations CSS3
• Formulaires avec HTML5 et CSS3
• Compatibilité des sites réactifs avec tous les navigateurs