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. À 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

Un ouvrage de référence pour les webdesigners 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 webdesign, 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.   À qui s'adresse cet ouvrage ? o Aux webdesigners et intégrateurs avancés ou experts qui souhaitent appréhender et maîtriser en production ce nouveau modèle de positionnement excitant. o Aux développeurs et chefs de projet Web qui s'interrogent sur les possibilités offertes par CSS en termes de design d'interfaces.

Aussi léger que riche, indéchirable et imperméable, voici la 4e édition mise à jour du mémento CSS 3 de Raphaël Goetter, avec une lisibilité améliorée ! Complément indispensable pour les designers et développeurs web souhaitant profiter des technologies web dernier cri, il présente les principales propriétés déjà utilisables du nouveau standard CSS 3 qui, associé à HTML 5, offre tout un univers de possibilités créatrices. Un aide-mémoire incontournable pour devenir un virtuose des feuilles de styles !

Flexbox est en passe de révolutionner de manière profonde et pérenne notre façon de concevoir des designs et des composants en CSS. Pourquoi y consacrer un ouvrage ? Car, bien utilisé, Flexbox permet de faciliter la tâche de bon nombre de développeurs web. Un ouvrage de référence pour les webdesigners et intégrateurs "Flexible Box Layout Module", mieux connue sous le nom de "Flexbox", est une spécification CSS 3 du W3C qui définit un nouveau modèle de boîte et de positionnement jusqu'alors inédit. Il intègre une gestion naturelle de la fluidité des éléments et du Responsive, et rend caduc l'usage de grilles d'affichage complexes, voire de frameworks - véritables usines à gaz où l'on n'exploite qu'à peine 10% de l'outil. Oubliez donc tout ce que vous aviez appris sur CSS et, comme moi, tombez amoureux de Flexbox ! Outre la simplification des schémas de positionnement, Flexbox apporte des solutions parfaites à une problématique bien ancrée dans notre époque : le Responsive Webdesign. Le design d'éléments flexibles, la réorganisation des blocs ainsi que la faculté à basculer très aisément d'un mode d'affichage horizontal vers un mode vertical en font un allié formidable dans nos projets d'adaptation aux tablettes et smartphones. Une spécification CSS 3 novatrice Flexbox a été pensé et optimisé pour faire table rase de toutes les techniques bancales historiques de positionnement et des contournements de propriétés qui pullulent dans nos projets web. Les "anciennes" méthodes encore (mal) utilisées de nos jours pour aligner ou placer des éléments ne sont souvent rien d'autre que du bricolage empirique : "tiens, à quoi peut bien servir ce position : relative ?", "pas grave, je mets une classe .clearfix partout !", "oh ! mais pourquoi ça ne veut pas rentrer ?", etc. Flexbox est conçu pour mettre de l'ordre dans tout ce maelstrm de bidouilles et revenir enfin aux bases d'un positionnement propre et adapté aux besoins actuels. Cet ouvrage vous permettra de découvrir et de tirer parti de toutes les nouveautés apportées par cette spécification CSS 3, notamment à travers six travaux pratiques... À qui s'adresse cet ouvrage ? Aux webdesigners et intégrateurs avancés ou experts qui souhaitent appréhender et maîtriser en production ce nouveau modèle de positionnement excitant. Aux développeurs et chefs de projet web soucieux de découvrir les rouages d'une technologie qui facilitera assurément la vie de leurs projets. A quiconque est impatient de laisser tomber toutes les bidouilles ancestrales de CSS et d'ouvrir ses horizons à des modèles bien plus intuitifs.

Vous maîtrisez déjà les bases de CSS ? CSS avancées de Raphaël Goetter vous propulse vers l’excellence en design web moderne, en explorant les subtilités de CSS2.1 et les innovations de CSS3.