CSS 3 Grid Layout: Vous allez enfin aimer CSS

✍ Scribed by Raphaël Goetter

• Publisher: Eyrolles
• Year: 2019
• Tongue: French
• Leaves: 131
• Series: Blanche
• Edition: 1
• Category: Library

✦ Synopsis

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.

✦ Table of Contents

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