CSS3 : pratique du design web / Hugo Giraudel, Raphaël Goetter ; préface de Chris Coyier

CSS = Cascading style sheets (feuilles de style en cascade)

Autre tirage : 2019

La couv. porte en plus : "Bonus en ligne, 1 heure de formation vidéo pour : apprendre à créer une feuille de styles de A à Z, débugger votre feuille de styles"

Bibliogr. et liste de sites Internet p. [345]-348. Index

La 4e de couv. indique : "Vingt ans après sa conception, le langage CSS n'en est plus à ses balbutiements et n'est plus optionnel en ce qui concerne la conception web moderne. Sans le moindre concurrent en vue, CSS a encore de belles années devant lui. Et pour cause, il est toujours en perpétuelle évolution ! Ce livre n'a pas pour prétention d'être le guide ultime de l'intégrateur dans la mesure où il ne reprend pas les bases. Il offre simplement une mise à niveau en levant le voile sur tous les modules CSS, afin d'offrir dès aujourd'hui les connaissances nécessaires à la réalisation de sites et d'applications web. En effet, les enjeux comme les objectifs ne sont plus les mêmes qu'il y a quelques années, aussi est-il important que les intégrateurs, designers et développeurs s'arment face aux nouvelles problématiques que sont le Responsive Web Design, le rétrécissement de l'écart entre le Web et le natif, et la course à la performance. Qu'il s'agisse de mise en page avec Flexbox ou Grid Layout, d'embellissement des interfaces, d'élaboration d'animations ou même de design fluide avec les Media Queries, vous devriez être capable de maîtriser tous ces sujets au sortir de votre lecture. Au-delà de l'aspect purement didactique de l'ouvrage, vous trouverez un grand nombre d'exemples et de mises en pratique, ainsi que tout ce que vous devez savoir vis-à-vis du support des fonctionnalités par les navigateurs. Pour finir, vous découvrirez dans les annexes la liste des valeurs par défaut des propriétés CSS, celle des propriétés que l'on peut animer et une bibliographie pour aller plus loin."

P. 1 Avant-propos P. 1 CSS, un langage en perpétuelle évolution P. 1 Pourquoi cet ouvrage ? P. 2 À qui s'adresse cet ouvrage ? P. 2 La structure de l'ouvrage P. 3 Compléments vidéo à consulter en ligne P. 4 Remerciements P. 5 Chapitre 1 L'état actuel du W3C et des standards CSS P. 5 Une évolution implacable P. 7 Un tour d'horizon des navigateurs d'aujourd'hui P. 8 L'état actuel des standards P. 9 L'aventure des préfixes constructeurs P. 11 La standardisation des CSS P. 15 Chapitre 2 Les sélecteurs : l'accès au DOM P. 15 Les opérateurs P. 18 Les sélecteurs d'attribut P. 22 Les pseudo-classes de position P. 32 Les pseudo-classes de contexte P. 32 Les pseudo-classes de contexte P. 39 Les pseudo-classes de formulaire P. 49 Les pseudo-éléments P. 53 Chapitre 3 Positionnement et layout : les nouvelles techniques de mise en page P. 54 Le modèle de boîte : retour aux sources avec box-sizing P. 58 Le multicolonne P. 70 Les modèles de boîtes flexibles avec Flexbox P. 87 Le Grid Layout P. 111 La position « sticky » P. 113 Les régions P. 121 Les masques de forme en CSS P. 129 Chapitre 4 Interfaces graphiques et amélioration visuelle P. 130 Des couleurs plus colorées P. 133 L'opacité P. 137 Des bords arrondis en CSS P. 144 Des ombres avec box-shadow P. 149 Des ombres de texte avec text-shadow P. 151 Des dégradés P. 157 Un meilleur contrôle des arrière-plans P. 170 Les filtres CSS P. 179 Pointer-events P. 181 Des images comme bordures P. 185 Chapitre 5 De nouvelles unités et valeurs P. 186 Le Saint-Graal des calculs : calc P. 189 Root em : l'évolution de l'unité em P. 196 Une unité pour la largeur d'un caractère : ch P. 197 Les unités relatives au viewport P. 204 Les dimensions intrinsèques P. 211 Chapitre 6 Contrôle du texte P. 212 La gestion des débordements avec ovrflow-wrap P. 213 La gestion des espaces avec white-space P. 217 Les débordements de texte et text-overflow P. 221 Les césures hyphens P. 224 Les césures agressives avec word-break P. 225 La gestion des tabulations avec tab-size P. 226 Une ponctuation plus élégante avec hanging-punctuation P. 228 De meilleurs alignements avec text-align-last P. 229 La restriction de caractères avec unicode-range P. 235 Cas pratique : des blocs de code qui donnent envie P. 237 Chapitre 7 Variables natives P. 238 Comment ça marche ? P. 238 La syntaxe P. 239 Les variables invalides P. 240 Les valeurs de recours en cas d'invalidité P. 241 Cas particuliers et clarifications P. 242 La compatibilité des navigateurs pour les variables natives P. 243 Chapitre 8 Styles conditionnels P. 243 Feature Queries P. 250 Media Queries P. 263 Chapitre 9 Transformations : un nouveau monde en 2D et en 3D P. 264 À quoi servent les transformations CSS ? P. 265 Les transformations 2D P. 277 L'origine de transformation P. 179 L'ordre des transformations P. 281 Les transformations 3D P. 285 Cas pratique : effet card flip P. 289 Chapitre 10 Animations et transitions : pour des interfaces moins statiques P. 290 À quoi servent les animations ? P. 291 Animation ou transition ? P. 292 À propos de l'accélération matérielle P. 294 JavaScript ou CSS ? P. 295 Les transitions P. 310 Les animations P. 335 Annexe A Liste des propriétés CSS et de leur valeur par défaut P. 341 Annexe B Liste des propriétés CSS qui peuvent être animées P. 344 Notes P. 344 Ce que l'on aimerait pouvoir animer P. 345 Annexe C Ressources et liens P. 345 Sites francophones P. 346 Sites anglophones P. 347 Newsletters P. 347 Comptes Twitter P. 348 Bibliographie P. 349 Index