CSS avancées : Vers CSS3 et HTML5

CSS avancées - Vers HTML 5 et CSS 3......Page 3
Table des matières......Page 9
Avant-propos......Page 21
Conventions utilisées dans ce livre......Page 22
À propos de l’auteur......Page 23
Alsacreations.com......Page 24
Alsacreations.fr......Page 25
Remerciements......Page 27
Les standards du Web, une longue mise en place......Page 29
Les usages évoluent......Page 31
Les normes évoluent......Page 32
Les navigateurs évoluent......Page 33
Internet Explorer 6......Page 34
Internet Explorer 7......Page 35
Internet Explorer 8......Page 36
Internet Explorer 9......Page 38
Dégradation gracieuse......Page 39
Prise en charge progressive......Page 40
Première partie - Tirer le meilleur de CSS......Page 43
Terminologie et syntaxe de base......Page 45
Propriété, valeur et déclaration......Page 46
Sélecteur......Page 47
Sélecteur d’identifiant......Page 48
L’exception :visited......Page 49
Influence sur les sélecteurs......Page 50
Poids des sélecteurs......Page 51
!important......Page 52
Sélecteur d’enfant......Page 53
Sélecteur de frère adjacent......Page 55
Sélecteur d’attribut......Page 56
:first-letter et :first-line......Page 57
:focus......Page 58
:before et :after......Page 59
Règles @......Page 62
Définition et usage......Page 65
Qui en tient compte ?......Page 66
Exercice pratique : contact d’entreprise......Page 67
Questions......Page 68
Réponses......Page 69
Bien gérer un projet CSS......Page 71
Un code pertinent et réutilisable......Page 72
Ordre des déclarations......Page 73
Commentaires « utiles »......Page 74
Gérer les versions......Page 77
Appliquer un Reset CSS......Page 78
Performances des sélecteurs......Page 81
Utiliser les sprites CSS......Page 83
Optimiser les feuilles de styles......Page 84
Extensions pour navigateurs......Page 86
IETester......Page 89
Grilles de mise en page......Page 90
Frameworks CSS......Page 92
Zen Coding......Page 93
Étendre le langage CSS : Less......Page 96
Exploiter son éditeur HTML......Page 97
Checklist générale......Page 99
Entre tableaux, cadres et calques......Page 101
Flottement et retour à la « sémantique »......Page 102
Anatomie d’une boîte......Page 103
Dimensions des éléments......Page 104
Minima et maxima......Page 105
Le mode Quirks de Microsoft......Page 106
Exercice pratique : centrer horizontalement en CSS......Page 108
Fusion de marges......Page 109
Le rendu des éléments......Page 112
Le flux......Page 114
Sortir du flux......Page 115
À quel saint se vouer ?......Page 116
Un mode de rendu particulier......Page 117
Étirer un élément......Page 118
Positionnement fixé......Page 120
Positionnement relatif......Page 121
Un positionnement à part......Page 122
Des blocs côte à côte......Page 123
La propriété clear......Page 125
Quiz sur le positionnement flottant......Page 126
Exercice pratique : dépassement de flottants......Page 128
Cumuler les schémas de positionnement......Page 129
Réponses......Page 130
5 - Positionnement avancé......Page 133
display: inline-block......Page 134
Particularités pour IE6 et IE7......Page 135
Alignement vertical......Page 136
Caractères invisibles (whitespace)......Page 138
Exercice pratique : dimensionner des liens horizontaux......Page 140
Un rendu de tableau en CSS......Page 142
table, table-cell et table-row......Page 144
Particularités du modèle tabulaire......Page 146
Propriétés spécifiques aux tableaux......Page 152
Alternative pour IE6 et IE7......Page 155
Exercice pratique : hauteurs fluides......Page 157
Positionnement à l’aide de gabarits (template positioning)......Page 159
Le modèle de boîte flexible......Page 162
Empilement vertical ou horizontal......Page 163
Ordre d’empilement......Page 164
Flexibilité : remplir l’espace......Page 165
Exercice pratique : centrer et réordonner des éléments......Page 166
Revue des différents schémas de positionnement......Page 169
Outils de vérification......Page 171
Et si ce n’était pas une erreur ?......Page 172
Exemples de hacks......Page 173
Hacks à méditer ?......Page 174
Cibler les navigateurs récents à l’aide de sélecteurs avancés......Page 175
Fonctionnement......Page 176
Usage pratique......Page 177
Classe conditionnelle pour Internet Explorer......Page 178
Avoir le Layout......Page 179
Donner et ôter le Layout......Page 180
Du Layout et des erreurs......Page 181
Petite méthodologie de résolution d’erreurs......Page 183
Isoler l’élément......Page 184
Corriger l’erreur......Page 185
Deuxième partie - HTML 5 et CSS 3 : l'innovation en marche......Page 189
Pourquoi HTML 5 ?......Page 191
Un Doctype simplifié......Page 192
Une syntaxe permissive......Page 193