|
| Titre : | CSS avancées vers HTML5 et CSS3 | | Type de document : | texte imprime | | Auteurs : | Raphaël Goetter ; Daniel Glazman | | Mention d'édition : | 2e éd. | | Editeur : | Paris : Eyrolles | | Année de publication : | DL 2012, cop. 2012 | | Importance : | (XVIII-385 p.) | | Présentation : | ill. en noir et en coul., couv. ill. en coul. | | Format : | 23 cm | | ISBN/ISSN/EAN : | 978-2-212-13405-6 | | Note générale : | Bibliogr. p. 378-379. Liste de sites internet p. 369-378. Index | | Langues : | Français | | Mots-clés : | HTML(langage de balisage) Sites Web:conception Sites Web:développement | | Résumé : | Incontournable du design web moderne, les feuilles de styles CSS sont en pleine révolution avec l'adoption des nouveaux standards HTML5 et CSS3. Familier de CSS 2, allez plus loin en maîtrisant les techniques avancées déjà éprouvées dans CSS2.1 et découvrez les multiples possibilités de CSS3 !
Chaque jour mieux prises en charge par les navigateurs, les CSS sont sans conteste un gage de qualité dans la conception d'un site web élégant, fonctionnel et accessible, aussi bien sous Mozilla Firefox, Google Chrome, Opéra ou Safari que sous Internet Explorer ou les navigateurs mobiles.
Vous croyiez tout savoir sur les CSS ? Grâce à la deuxième édition de ce livre de référence, enrichie et mise à jour, vous irez encore plus loin ! Vous apprendrez à faire usage tout autant des technologies avant-gardistes de CSS 3 et HTML5 que de pratiques avancées, concrètes et mal connues déjà utilisables en production, et ce, pour l'ensemble des médias reconnus par les styles CSS (écrans de bureau ou mobiles, messageries, mais aussi impression, médias de restitution vocale, projection et télévision). Maîtrisez tous les rouages du positionnement en CSS2.1, exploitez les microformats, optimisez les performances d'un site, gérez efficacement vos projets ou contournez les bogues des navigateurs (hacks, commentaires conditionnels, HasLayout...). Enfin, profitez dès aujourd'hui des nouveautés de CSS3 : typographie, gestion des césures, colonnes, arrière-plans, dégradés, ombres portées, redimensionnement, rotations, transitions et autres effets animés, sans oublier les Media Queries, qui permettent d'adapter le site à son support de consultation.
Conseils méthodologiques, bonnes pratiques, outils, tests, exemples avec résultats en ligne, quizzes et exercices corrigés, tableaux récapitulatifs... rien ne manque à ce manuel du parfait designer web !
À qui s'adresse cet ouvrage ?
À tous les concepteurs de sites qui souhaitent exploiter les CSS au maximum de leurs possibilités ;
Aux designers, développeurs et intégrateurs web impatients de découvrir et d'utiliser CSS3. | | Note de contenu : | CSS avancées
Vers HTML5 et CSS3
Raphaël Goetter
Eyrolles
Avant-propos 1
Le site dédié au livre 2
Conventions utilisées dans ce livre 2
À propos de l'auteur 3
À propos d'Alsacréations 4
Alsacreations.com 4
Alsacreations.fr 5
Remerciements 7
Chapitre 1
État des lieux 9
Les standards du Web, une longue mise en place 9
Où en est-on aujourd'hui ? 11
Les usages évoluent 11
Les normes évoluent 12
Les navigateurs évoluent 13
Le « cas » Internet Explorer 14
Internet Explorer 6 14
Internet Explorer 7 15
Internet Explorer 8 16
Internet Explorer 9 18
Internet Explorer 10 19
Prendre en compte les anciens navigateurs ? 19
Dégradation gracieuse 19
Prise en charge progressive 20
Première partie
Tirer le meilleur de CSS 23
Chapitre 2
Exploiter les possibilités de CSS 2.1 25
Terminologie et syntaxe de base 25
Commentaire 26
Propriété, valeur et déclaration 26
Sélecteur 27
Sélecteur de classe 28
Sélecteur d'identifiant 28
Règle et bloc de déclaration 29
Pseudo-classe et pseudo-élément 29
L'exception : visited 29
Généalogie 30
Ancêtre, parent, frère 30
Influence sur les sélecteurs 30
Priorité des sélecteurs 31
Mode de déclaration 31
Poids de sélecteurs 31
!Important 32
Sélecteurs et pseudo-éléments CSS 2.1 33
Sélecteur d'enfant 33
Sélecteur de frère adjacent 35
Sélecteur d'attribut 36
:first-letter et :first-line 37
:first-child 38
:focus 38
:before et :after 39
Règles @ 44
Tableau récapitulatif 46
Microformats 47
Définition et usage 47
Types de microformats 48
Qui en tient compte ? 48
Exercice pratique : contact d'entreprise 48
Quiz de connaissances 49
Questions 49
Réponses 51
Chapitre 3
Gestion de projet et performance 53
Bien gérer un projet CSS 53
Un code pertinent et réutilisable 54
Ordre des déclarations 55
Commentaires « utiles » 56
Gérer les versions 59
Optimiser les performances 60
Appliquer un Reset CSS 60
Performances des sélecteurs 63
Utiliser les sprites CSS 65
Optimiser les feuilles de styles 66
Outils en ligne et logiciels 68
Extensions pour navigateurs 68
Outils en ligne 71
IETester 71
Grilles de mise en page 72
Frameworks CSS 74
Zen Coding 75
Étendre le langage CSS : Less 78
Exploiter son éditeur HTML 79
Checklist générale 81
Chapitre 4
Le positionnement en CSS 83
Histoire du positionnement en CSS 83
Entre tableaux, cadres et calques 83
Flottement et retour à la « sémantique » 84
Modèle de boîte 85
Anatomie d'une boîte 85
Dimensions des éléments 86
Minima et maxima 87
Le mode Quirks de Microsoft 88
Valeurs calculées et box-sizing en CSS 3 90
Exercice pratique : centrer horizontalement en CSS 90
Fusion de marges 91
Rendu par défaut et flux courant 94
Le rendu des éléments 94
Le flux 96
Positionnement absolu 97
Sortir du flux 97
À quel saint se vouer ? 98
Un mode de rendu particulier 99
La profondeur : z-index 100
Étirer un élément 100
Positionnement fixé 102
Positionnement relatif 103
Positionnement flottant 104
Un usage détourné de son objectif initial 104
Un positionnement à part 104
Des blocs côte à côte 105
La propriété clear 107
Quiz sur le positionnement flottant 108
Exercice pratique : dépassement de flottants 110
Cumuler les schémas de positionnement 111
Quiz de connaissances 112
Questions 112
Réponses 112
Chapitre 5
Positionnement avancé 115
Combiner block et inline 115
display : inline-block 116
Particularités pour IE6 et IE7 117
Alignement vertical 118
Caractères invisibles (whitespace) 120
Exercice pratique : dimensionner des liens horizontaux 123
Un rendu de tableau en CSS 125
table, table-cell et table-row 126
Quelle différence avec HTML ? 128
Particularités du modèle tabulaire 129
Propriétés spécifiques aux tableaux 135
Alternative pour IE6 et IE7 138
Tableau récapitulatif 140
Exercice pratique : hauteurs fluides 140
Grid et Template positioning 142
Positionnement en grille (grid positioning) 142
Positionnement à l'aide de gabarits (template positioning) 143
Le modèle de boîte flexible 146
display : box 146
Empilement vertical ou horizontal 147
Ordre d'empilement 147
Flexibilité : remplir l'espace 148
Comptabilité 149
Exercice pratique : centrer et réordonner des éléments 150
Revue des différents schémas de positionnement 153
Chapitre 6
Résolution d'erreurs 155
Connaître le rendu par défaut des éléments 155
Outils de vérification 155
Et si ce n'était pas une erreur ? 156
Faut-il utiliser les hacks ? 157
Exemples de hacks 157
Risques pour l'avenir 158
Hacks à méditer ? 158
Cibler les navigateurs récents à l'aide de sélecteurs avancés 159
Préférer les commentaires conditionnels 160
Fonctionnement 160
Usage pratique 161
Classe conditionnelle pour Internet Explorer 162
HasLayout chez Internet Explorer 163
Un mécanisme propriétaire 163
Avoir le Layout 164
Donner et ôter le Layout 164
Du Layout et des erreurs 165
Petite méthodologie de résolution d'erreurs 168
Isoler l'élément 168
Corriger l'erreur 170
Deuxième partie
HTML 5 et CSS 3 : l'innovation en marche 173
Chapitre 7
La révélation HTML 5 175
Pourquoi HTML 5 ? 175
Une nouvelle grammaire 176
Un Doctype simplifié 176
Une syntaxe permissive 177
De nouveaux éléments sémantiques 178-180
Exercice pratique : utiliser les nouveaux éléments 180
Redéfinition et obsolescence d'éléments 182
De nouveaux éléments de périphériques 182 | | En ligne : | https://www.amazon.fr/CSS-avanc%C3%A9es-Vers-HTML5-CSS3/dp/2212134053?Subscripti [...] | | Permalink : | ./index.php?lvl=notice_display&id=15126 |
CSS avancées vers HTML5 et CSS3 [texte imprime] / Raphaël Goetter ; Daniel Glazman . - 2e éd. . - Paris : Eyrolles, DL 2012, cop. 2012 . - (XVIII-385 p.) : ill. en noir et en coul., couv. ill. en coul. ; 23 cm. ISBN : 978-2-212-13405-6 Bibliogr. p. 378-379. Liste de sites internet p. 369-378. Index Langues : Français | Mots-clés : | HTML(langage de balisage) Sites Web:conception Sites Web:développement | | Résumé : | Incontournable du design web moderne, les feuilles de styles CSS sont en pleine révolution avec l'adoption des nouveaux standards HTML5 et CSS3. Familier de CSS 2, allez plus loin en maîtrisant les techniques avancées déjà éprouvées dans CSS2.1 et découvrez les multiples possibilités de CSS3 !
Chaque jour mieux prises en charge par les navigateurs, les CSS sont sans conteste un gage de qualité dans la conception d'un site web élégant, fonctionnel et accessible, aussi bien sous Mozilla Firefox, Google Chrome, Opéra ou Safari que sous Internet Explorer ou les navigateurs mobiles.
Vous croyiez tout savoir sur les CSS ? Grâce à la deuxième édition de ce livre de référence, enrichie et mise à jour, vous irez encore plus loin ! Vous apprendrez à faire usage tout autant des technologies avant-gardistes de CSS 3 et HTML5 que de pratiques avancées, concrètes et mal connues déjà utilisables en production, et ce, pour l'ensemble des médias reconnus par les styles CSS (écrans de bureau ou mobiles, messageries, mais aussi impression, médias de restitution vocale, projection et télévision). Maîtrisez tous les rouages du positionnement en CSS2.1, exploitez les microformats, optimisez les performances d'un site, gérez efficacement vos projets ou contournez les bogues des navigateurs (hacks, commentaires conditionnels, HasLayout...). Enfin, profitez dès aujourd'hui des nouveautés de CSS3 : typographie, gestion des césures, colonnes, arrière-plans, dégradés, ombres portées, redimensionnement, rotations, transitions et autres effets animés, sans oublier les Media Queries, qui permettent d'adapter le site à son support de consultation.
Conseils méthodologiques, bonnes pratiques, outils, tests, exemples avec résultats en ligne, quizzes et exercices corrigés, tableaux récapitulatifs... rien ne manque à ce manuel du parfait designer web !
À qui s'adresse cet ouvrage ?
À tous les concepteurs de sites qui souhaitent exploiter les CSS au maximum de leurs possibilités ;
Aux designers, développeurs et intégrateurs web impatients de découvrir et d'utiliser CSS3. | | Note de contenu : | CSS avancées
Vers HTML5 et CSS3
Raphaël Goetter
Eyrolles
Avant-propos 1
Le site dédié au livre 2
Conventions utilisées dans ce livre 2
À propos de l'auteur 3
À propos d'Alsacréations 4
Alsacreations.com 4
Alsacreations.fr 5
Remerciements 7
Chapitre 1
État des lieux 9
Les standards du Web, une longue mise en place 9
Où en est-on aujourd'hui ? 11
Les usages évoluent 11
Les normes évoluent 12
Les navigateurs évoluent 13
Le « cas » Internet Explorer 14
Internet Explorer 6 14
Internet Explorer 7 15
Internet Explorer 8 16
Internet Explorer 9 18
Internet Explorer 10 19
Prendre en compte les anciens navigateurs ? 19
Dégradation gracieuse 19
Prise en charge progressive 20
Première partie
Tirer le meilleur de CSS 23
Chapitre 2
Exploiter les possibilités de CSS 2.1 25
Terminologie et syntaxe de base 25
Commentaire 26
Propriété, valeur et déclaration 26
Sélecteur 27
Sélecteur de classe 28
Sélecteur d'identifiant 28
Règle et bloc de déclaration 29
Pseudo-classe et pseudo-élément 29
L'exception : visited 29
Généalogie 30
Ancêtre, parent, frère 30
Influence sur les sélecteurs 30
Priorité des sélecteurs 31
Mode de déclaration 31
Poids de sélecteurs 31
!Important 32
Sélecteurs et pseudo-éléments CSS 2.1 33
Sélecteur d'enfant 33
Sélecteur de frère adjacent 35
Sélecteur d'attribut 36
:first-letter et :first-line 37
:first-child 38
:focus 38
:before et :after 39
Règles @ 44
Tableau récapitulatif 46
Microformats 47
Définition et usage 47
Types de microformats 48
Qui en tient compte ? 48
Exercice pratique : contact d'entreprise 48
Quiz de connaissances 49
Questions 49
Réponses 51
Chapitre 3
Gestion de projet et performance 53
Bien gérer un projet CSS 53
Un code pertinent et réutilisable 54
Ordre des déclarations 55
Commentaires « utiles » 56
Gérer les versions 59
Optimiser les performances 60
Appliquer un Reset CSS 60
Performances des sélecteurs 63
Utiliser les sprites CSS 65
Optimiser les feuilles de styles 66
Outils en ligne et logiciels 68
Extensions pour navigateurs 68
Outils en ligne 71
IETester 71
Grilles de mise en page 72
Frameworks CSS 74
Zen Coding 75
Étendre le langage CSS : Less 78
Exploiter son éditeur HTML 79
Checklist générale 81
Chapitre 4
Le positionnement en CSS 83
Histoire du positionnement en CSS 83
Entre tableaux, cadres et calques 83
Flottement et retour à la « sémantique » 84
Modèle de boîte 85
Anatomie d'une boîte 85
Dimensions des éléments 86
Minima et maxima 87
Le mode Quirks de Microsoft 88
Valeurs calculées et box-sizing en CSS 3 90
Exercice pratique : centrer horizontalement en CSS 90
Fusion de marges 91
Rendu par défaut et flux courant 94
Le rendu des éléments 94
Le flux 96
Positionnement absolu 97
Sortir du flux 97
À quel saint se vouer ? 98
Un mode de rendu particulier 99
La profondeur : z-index 100
Étirer un élément 100
Positionnement fixé 102
Positionnement relatif 103
Positionnement flottant 104
Un usage détourné de son objectif initial 104
Un positionnement à part 104
Des blocs côte à côte 105
La propriété clear 107
Quiz sur le positionnement flottant 108
Exercice pratique : dépassement de flottants 110
Cumuler les schémas de positionnement 111
Quiz de connaissances 112
Questions 112
Réponses 112
Chapitre 5
Positionnement avancé 115
Combiner block et inline 115
display : inline-block 116
Particularités pour IE6 et IE7 117
Alignement vertical 118
Caractères invisibles (whitespace) 120
Exercice pratique : dimensionner des liens horizontaux 123
Un rendu de tableau en CSS 125
table, table-cell et table-row 126
Quelle différence avec HTML ? 128
Particularités du modèle tabulaire 129
Propriétés spécifiques aux tableaux 135
Alternative pour IE6 et IE7 138
Tableau récapitulatif 140
Exercice pratique : hauteurs fluides 140
Grid et Template positioning 142
Positionnement en grille (grid positioning) 142
Positionnement à l'aide de gabarits (template positioning) 143
Le modèle de boîte flexible 146
display : box 146
Empilement vertical ou horizontal 147
Ordre d'empilement 147
Flexibilité : remplir l'espace 148
Comptabilité 149
Exercice pratique : centrer et réordonner des éléments 150
Revue des différents schémas de positionnement 153
Chapitre 6
Résolution d'erreurs 155
Connaître le rendu par défaut des éléments 155
Outils de vérification 155
Et si ce n'était pas une erreur ? 156
Faut-il utiliser les hacks ? 157
Exemples de hacks 157
Risques pour l'avenir 158
Hacks à méditer ? 158
Cibler les navigateurs récents à l'aide de sélecteurs avancés 159
Préférer les commentaires conditionnels 160
Fonctionnement 160
Usage pratique 161
Classe conditionnelle pour Internet Explorer 162
HasLayout chez Internet Explorer 163
Un mécanisme propriétaire 163
Avoir le Layout 164
Donner et ôter le Layout 164
Du Layout et des erreurs 165
Petite méthodologie de résolution d'erreurs 168
Isoler l'élément 168
Corriger l'erreur 170
Deuxième partie
HTML 5 et CSS 3 : l'innovation en marche 173
Chapitre 7
La révélation HTML 5 175
Pourquoi HTML 5 ? 175
Une nouvelle grammaire 176
Un Doctype simplifié 176
Une syntaxe permissive 177
De nouveaux éléments sémantiques 178-180
Exercice pratique : utiliser les nouveaux éléments 180
Redéfinition et obsolescence d'éléments 182
De nouveaux éléments de périphériques 182 | | En ligne : | https://www.amazon.fr/CSS-avanc%C3%A9es-Vers-HTML5-CSS3/dp/2212134053?Subscripti [...] | | Permalink : | ./index.php?lvl=notice_display&id=15126 |
|  |
Ajouter le résultat dans votre panier Faire une suggestion Affiner la recherche Interroger des sources externesCSS 2 / Raphaël Goetter (DL 2009, cop. 2009)
