CSS3. Pratique du design web

Incontournable du design web moderne, les feuilles de styles CSS sont en pleine révolution avec l'adoption des nouveaux standards HTML5 et CSS3. Familier de CSS 2, allez plus loin en maîtrisant les techniques avancées déjà éprouvées dans CSS2.1 et découvrez les multiples possibilités de CSS3! Chaque jour mieux prises en charge par les navigateurs, les CSS sont sans conteste un gage de qualité dans la conception d'un site web élégant, fonctionnel et accessible, aussi bien sous Mozilla Firefox, Google Chrome, Opera ou Safari que sous Internet Explorer ou les navigateurs mobiles. Vous croyiez tout savoir sur les CSS? Grâce à la deuxième édition de ce livre de référence, enrichie et mise à jour, vous irez encore plus loin! Vous apprendrez à faire usage tout autant des technologies avant-gardistes de CSS 3 et HTML 5 que de pratiques avancées, concrètes et mal connues déjà utilisables en production, et ce, pour l'ensemble des médias reconnus par les styles CSS (écrans de bureau ou mobiles, messageries, mais aussi impression, médias de restitution vocale, projection et télévision). Maîtrisez tous les rouages du positionnement en CSS2.1, exploitez les microformats, optimisez les performances d'un site, gérez efficacement vos projets ou contournez les bogues des navigateurs (hacks, commentaires conditionnels, HasLayout...). Enfin, profitez dès aujourd'hui des nouveautés de CSS3: typographie, gestion des césures, colonnes, arrière-plans, dégradés, ombres portées, redimensionnement, rotations, transitions et autres effets animés, sans oublier les Media Queries, qui permettent d'adapter le site à son support de consultation. Conseils méthodologiques, bonnes pratiques, outils, tests, exemples avec résultats en ligne, quizzes et exercices corrigés, tableaux récapitulatifs: rien ne manque à ce manuel du parfait designer web!

Les feuilles de style CSS, dont la norme actuelle est CSS2, sont l'un des gages de qualité de toute conception web moderne: on peut grâce à elles créer des sites élégants et légers, conformes aux standards du Web et accessibles à tous. La normalisation des langages HTML, XHTML et CSS permet peu à peu de s'assurer de l'universalité des documents web et il est devenu capital de concevoir des sites compatibles tous navigateurs et séparant parfaitement le contenu de la présentation. Ce livre explique sans détours comment concevoir en XHTML et CSS des sites web modernes et accessibles à tous, fonctionnant aussi bien sous Internet Explorer que Mozilla Firefox, Opera, Safari et autres navigateurs conformes. Il aborde les grands classiques de la conception de feuilles de style CSS et leurs problématiques concrètes flux et positionnement (suppression des tableaux), préchargement, priorité de déclaration de classes CSS, gestion de la couleur, typographie, bordures et arrière-plan, menus et images réactives, cadres, etc. Plusieurs variantes sont proposées, ainsi que la manière de contourner les bogues des navigateurs (commentaires conditionnels, comportement Haslayout...) Des exemples de gabarits prêts à l'emploi sont donnés en fin d'ouvrage ainsi qu'une liste des propriétés CSS et un comparatif par navigateur des limites d'interprétation de ces propriétés. Cette troisième édition mise à jour tient compte des nouveautés dans la prise en charge des CSS par les navigateurs Internet Explorer 8 et Firefox 3. Biographie de l'auteur Webdesigner et gérant d'une agence web strasbourgeoise, Raphaël Goetter partage ses connaissances à travers son site Alsacréations.com, et s'intéresse de près aux domaines des normes du Web et de l'accessibilité. Il fait partie du collectif Openweh.eu.org, référence francophone en matière de standards du Web.

Un ouvrage de référence pour les wehdesigners et intégrateurs. Complémentaire de Flexbox, le module de positionnement Grid Layout est une spécification du W3C à l'état de Candidate Recommandation dont les premiers jets datent de 2004. Désormais exploitable en production sur l'ensemble des navigateurs, le concept général de Grid Layout (ou "positionnement en grille") est de structurer l'espace en zones majeures, au sein d'une page web ou d'une application. Une grille virtuelle, indépendante des éléments HTML qui peuvent s'y placer, présente l'avantage flagrant d'être très souple lorsqu'on souhaite la modifier en fonction du contexte. Parfaitement adapté au responsive wehdesign, Grid Layout permet à votre page de s'adapter immédiatement aux différentes tailles d'écran. Associé aux CSS 3 Media Queries, le modèle de positionnement en grille donne toute sa puissance, plus particulièrement si vous avez opté pour une trame sous forme de variante "template". Seul le patron de départ nécessite d'être modifié : inutile d'intervenir sur la structure HTML, ni même sur le positionnement de chaque élément de page. Agrémenté de nombreuses illustrations en couleurs et d'exercices pratiques, cet ouvrage vous accompagne de façon progressive dans la découverte des concepts et propriétés associés à ce nouveau module et vous permet d'élaborer efficacement l'architecture de vos pages sous forme de grilles.

Indéchirable et imperméable, cette deuxième édition du mémento XHTML de Raphaël Goetter reposera sur le bureau de tout développeur web soucieux de concevoir des sites web conformes aux standards du Web, interopérables, élégants et faciles à maintenir. Pendant indispensable au mémento du même auteur sur CSS, il est l'aide-mémoire idéal sur le successeur de HTML et vous dépannera sur les sujets suivants : structure d'un document, balises de paragraphes, images, liens et tableaux, mise en forme, formulaires et objets, conteneurs génériques, classement par type, doctypes XHTML, balises et attributs déconseillés, commentaires XHTML, attribut id versus class... Un petit mémento aussi riche que léger à emporter partout !