CSS 3 Grid Layout: Vous allez enfin aimer CSS

Description

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 ?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 qui s'interrogent sur les possibilités offertes par CSS en termes de design d'interfaces. img_0001 img_0003 img_0004 img_0005 img_0006 img_0007 img_0008 img_0009 img_0010 img_0011 img_0012 img_0013 img_0014 img_0015 img_0016 img_0017 img_0018 img_0019 img_0020 img_0021 img_0022 img_0023 img_0024 img_0025 img_0026 img_0027 img_0028 img_0029 img_0030 img_0031 img_0032 img_0033 img_0034 img_0035 img_0036 img_0037 img_0038 img_0039 img_0040 img_0041 img_0042 img_0043 img_0044 img_0045 img_0046 img_0047 img_0048 img_0049 img_0050 img_0051 img_0052 img_0053 img_0054 img_0055 img_0056 img_0057 img_0058 img_0059 img_0060 img_0061 img_0062 img_0063 img_0064 img_0065 img_0066 img_0067 img_0068 img_0069 img_0070 img_0071 img_0072 img_0073 img_0074 img_0075 img_0076 img_0077 img_0078 img_0079 img_0080 img_0081 img_0082 img_0083 img_0084 img_0085 img_0086 img_0087 img_0088 img_0089 img_0090 img_0091 img_0092 img_0093 img_0094 img_0095 img_0096 img_0097 img_0098 img_0099 img_0100 img_0101 img_0102 img_0103 img_0104 img_0105 img_0106 img_0107 img_0108 img_0109 img_0110 img_0111 img_0112 img_0113 img_0114 img_0115 img_0116 img_0117 img_0118 img_0119 img_0120 img_0121 img_0122 img_0123 img_0124 img_0125 img_0126 img_0127 img_0128 img_0129 img_0130 img_0131 img_9999