Remerciez-le!

Remerciez @Admin pour avoir partagé cet document gratuitement, de la manière la plus simple, en partageant sur les réseaux sociaux.

Résumé Vingt ans après sa conception, le langage CSS n’en est plus à ses balbut

Résumé 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, afi n 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 fl uide 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 fi nir, 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. À qui s’adresse cet ouvrage ? – Aux intégrateurs désireux d’aller plus loin avec CSS – Aux designers souhaitant se mettre au design in the browser – À tous les concepteurs de sites et d’applications voulant se mettre à niveau vis-à-vis des nouveautés du langage Au sommaire L’état actuel du W3C et des standards CSS • Une évolution implacable • Un tour d’horizon des navigateurs d’aujourd’hui • L’état actuel des standards • L’aventure des préfixes constructeurs • La standardisation des CSS • Les sélecteurs : l’accès au DOM • Opérateurs • Sélecteurs d’attribut • Pseudo-classes de position • Pseudo-classes de contexte • Pseudo-classes de formulaire • Pseudo-éléments • Positionnement et layout : les nouvelles techniques de mise en page • Modèle de boîte et box-sizing • Multicolonne • Flexbox • Grid Layout • Position « sticky » • Régions • Masques de formes • Interfaces graphiques et amélioration visuelle • Couleurs • Opacité • Bords arrondis • Ombres avec box-shadow • Ombres de texte avec text-shadow • Dégradés • Meilleur contrôle des arrière-plans • Filtres CSS • Pointer-events • Images comme bordures • De nouvelles unités et valeurs • calc • rem • ch • Unités relatives au viewport • Dimensions intrinsèques • Contrôle du texte • Gestion des débordements avec overflow-wrap • Gestion des espaces avec white-space • Débordements de texte et text-overflow • Césures avec hyphens • Césures agressives avec word-break • Gestion des tabulations avec tab-size • Ponctuation plus élégante avec hanging-punctuation • Meilleurs alignements avec text-align-last • Restriction de caractères avec unicode-range • Variables natives • Comment ça marche ? • La syntaxe • Les variables invalides • Les valeurs de recours en cas d’invalidité • Cas particuliers et clarifications • Styles conditionnels • Feature Queries • Media Queries • Transformations : un nouveau monde en 2D et en 3D • À quoi servent les transformations CSS ? • Les transformations 2D • L’origine de transformation • L’ordre des transformations • Les transformations 3D • Animations et transitions : pour des interfaces moins statiques • À quoi servent les animations ? • Animation ou transition ? • À propos de l’accélération matérielle • JavaScript ou CSS ? • Les transitions • Les animations. Biographie auteur H. Giraudel Développeur front-end passionné par CSS et auteur du site Browserhacks, Hugo Giraudel fait part de son expertise sur son propre blog ainsi que sur les sites SitePoint, CSS-Tricks, The Sass Way et Tuts+, entre autres. Enthousiasmé par le préprocesseur Sass, il a su s’imposer comme référence mondiale sur le sujet. Il est d’ailleurs l’auteur de SassDoc, un outil de documentation pour Sass. R. Goetter 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 Openweb.eu.org, référence francophone en matière de standards du Web. www.editions-eyrolles.com CSS3 Pratique du design web Hugo Giraudel Raphaël Goetter Préface de Chris Coyier ÉDITIONS EYROLLES 61, bd Saint-Germain 75240 Paris Cedex 05 www.editions-eyrolles.com En application de la loi du 11 mars 1957, il est interdit de reproduire intégralement ou partiellement le présent ouvrage, sur quelque support que ce soit, sans l’autorisation de l’Éditeur ou du Centre Français d’exploitation du droit de copie, 20, rue des Grands Augustins, 75006 Paris. © Groupe Eyrolles, 2015, ISBN : 978-2-212-14023-1 Crédits photographiques : © Alexandra Lucas DANS LA MÊME COLLECTION C. DELANNOY. – Le guide complet du langage C. N°14012, 2014, 844 pages. K. AYARI. – Scripting avancé avec Windows PowerShell. N°13788, 2013, 358 pages. W. BORIES, O. MIRIAL, S. PAPP. – Déploiement et migration Windows 8. N°13645, 2013, 480 pages. W. BORIES, A. LAACHIR, D. THIBLEMONT, P. LAFEIL, F.-X. VITRANT. – Virtualisation du poste de travail Windows 7 et 8 avec Windows Server 2012. N°13644, 2013, 218 pages. J.-M. DEFRANCE. – jQuery-Ajax avec PHP. N°13720, 4e édition, 2013, 488 pages. L.G. MORAND, L. VO VAN, A. ZANCHETTA. – Développement Windows 8 - Créer des applications pour le Windows Store. N°13643, 2013, 284 pages. Y. GABORY, N. FERRARI, T. PETILLON. – Django avancé. N°13415, 2013, 402 pages. P. ROQUES. – Modélisation de systèmes complexes avec SysML. N°13641, 2013, 188 pages. SUR LE MÊME THÈME R. RIMELÉ, R. GOETTER. – HTML 5 – Une référence pour le développeur web. N°13638, 2e édition, 2013, 752 pages. C. SCHILLINGER. – Intégration web – Les bonnes pratiques. N°13370, 2012, 390 pages. S. POLLET-VILLARD. – Créer un seul site pour toutes les plates-formes. N°13986, 2014, 144 pages. E. MARCOTTE. – Responsive web design. N°13331, 2011, 160 pages. F. DRAILLARD. – Premiers pas en CSS 3 et HTML 5. N°13944, 6e édition, 2015, 472 pages. M. KABAB, R. GOETTER. – Sass et Compass avancé. N°13677, 2013, 280 pages. Préface CSS occupe une place étrange dans le monde du développement. Il y a des développeurs qui dédaignent ce langage, ne le jugeant pas digne de leur temps ou de leurs compétences. Et, en même temps, ils en ont peut-être peur. Voyez-vous, CSS est à la fois très simple et très compliqué. Après tout, c’est essentiellement une suite de déclarations composées de paires de clés/valeurs : color: red, width: 50%, display: inline-block. Rien de bien compliqué en soi. Mais la façon dont ces déclarations interagissent les unes avec les autres peut être aussi complexe et casse-tête que n’importe quel autre langage de programmation. Ajoutez à cela les problèmes d’incompatibilité entre les navigateurs, et vous pourriez presque en venir à dire que le rôle d’intégrateur est l’un des plus difficiles qui soit ! Il y a aussi le fait que CSS évolue à une vitesse sans précédent. Ce que nous connaissons sous le terme de « CSS 3 » est à la fois amusant et puissant, mais rend aussi les choses plus complexes. Il existe désormais de nouveaux systèmes de mise en page comme Flexbox, des possibilités d’animation, et même de la 3D entièrement réalisée avec CSS ! Êtes-vous parfaitement au fait de position: sticky ? Qu’en est-il des unités de dimensionnement vis-à-vis du viewport ? Savez-vous que l’on peut tester le support des propriétés directement au sein des feuilles de styles ? C’est un nouveau monde plein de possibilités qui s'offre à vous ! Hugo Giraudel est la personne idéale pour vous présenter ces nouveaux concepts. Il parvient en effet à appréhender ces idées, puis à les expliquer de manière pédagogique et compréhensible. Je peux vous l’affirmer, non seulement parce que c’est ce qu’il fait dans ce livre, mais aussi parce que je lis ses articles techniques depuis des années. Il est parfait quand il s’agit d’expliquer des concepts bien spécifiques, et parvient à couvrir tous les détails nécessaires à la compréhension de ceux-ci. J’ai même fait appel à ses services pour m’aider à rechercher et à écrire des contenus pour mon propre site web (CSS-Tricks) ! C’est une chance que d’avoir Hugo à la tête de ce livre, réunissant autant d’informations intéressantes et pertinentes en un même ouvrage. Chris Coyier, auteur du site CSS-Tricks, développeur en chef à CodePen, podcasteur à Shop Talk Show Table des matières Avant-propos CSS, un langage en perpétuelle évolution Pourquoi cet ouvrage ? À qui s’adresse cet ouvrage ? La structure de l’ouvrage Compléments vidéo à consulter en ligne Remerciements CHAPITRE 1 L’état actuel du W3C et des standards CSS Une évolution implacable Un tour d’horizon des navigateurs d’aujourd’hui L’état actuel des standards L’aventure des préfixes constructeurs La standardisation des CSS Étape 1. uploads/Management/ css3-pratique-du-design-web-eyrolles-2015.pdf