Bootstrap 3 : le framework 100 % web design
Développé par les équipes de Twitter en 2011, Bootstrap a su au fil des années s'imposer auprès des web designers et intégrateurs de la planète souhaitent créer avec plus de facilité des sites web évolués. Bootstrap est plus précisément un ensemble d'outils qui intègre des codes HTML et CS...
Gardado en:
| Autor Principal: | |
|---|---|
| Formato: | Livre papier |
| Idioma: | Français |
| Publicado: |
Paris :
Eyrolles
DL 2015.
|
| Sujets: | |
| Autres localisations: | Voir dans le Sudoc |
| Edition sous un autre format: | • Bootstrap 3, le framework 100 % web design, Benoît Philibert, Paris, Eyrolles, 2015, 978-2-212-33074-8 |
Table des matières:
- P. 7
- Première partie Premiers pas avec Bootstrap
- P. 9
- Chapitre 1 Installer Bootstrap
- P. 9
- Télécharger Bootstrap
- P. 10
- Petit tour du propriétaire
- P. 13
- Chapitre 2 Le doctype
- P. 13
- Présentation
- P. 14
- La balise <head>
- P. 19
- Chapitre 3 Des exemples de présentation
- P. 19
- Sur le site officiel
- P. 20
- Exemple de présentation d'un blog
- P. 23
- Chapitre 4 Système de grille
- P. 23
- Notions de base sur les grilles
- P. 26
- Mise en pratique de la grille
- P. 29
- Les situations particulières
- P. 35
- Chapitre 5 Typographie
- P. 35
- Les titres
- P. 37
- Corps de texte
- P. 39
- Alignements et transformations
- P. 40
- Les listes
- P. 43
- Autres mises en forme
- P. 47
- Chapitre 6 Boutons
- P. 47
- Présentations
- P. 49
- Les tailles
- P. 50
- Les états
- P. 51
- Chapitre 7 Navigation
- P. 51
- tabs
- P. 52
- pills
- P. 53
- navbar
- P. 59
- pagination
- P. 62
- pager
- P. 65
- Chapitre 8 Les tableaux
- P. 65
- Mise en place
- P. 66
- Les mises en forme
- P. 68
- Les classes contextuelles
- P. 69
- Le Responsive
- P. 71
- Chapitre 9 Les formulaires ou formes
- P. 71
- Les différents types de formulaires
- P. 76
- Les alignements
- P. 78
- Les états des formulaires
- P. 85
- Chapitre 10 Les images
- P. 85
- Des images Responsive
- P. 86
- Les différents formats
- P. 87
- Deuxième partie Bootstrap, les méthodes avancées
- P. 89
- Chapitre 11 Animer avec JQuery
- P. 89
- Transitions
- P. 90
- Boutons
- P. 96
- Messages cachés
- P. 99
- Onglets
- P. 102
- Effet de glissement
- P. 105
- Carrousel d'images
- P. 109
- Menu fixe et navigation verticale
- P. 113
- Fenêtre dynamique
- P. 117
- Chapitre 12 Varier les composants
- P. 117
- Liste déroulante
- P. 119
- Boutons groupés
- P. 122
- Alertes
- P. 125
- Étiquettes et badges
- P. 127
- Panneau structuré
- P. 131
- Accroche jumbotron
- P. 133
- Barres de progression
- P. 137
- Intégration adaptable
- P. 141
- Chapitre 13 Utiliser les Glyphicons
- P. 141
- Comprendre la structure
- P. 142
- Insérer une Glyphicon
- P. 145
- Chapitre 14 Modifier l'apparence graphique de Bootstrap
- P. 145
- Créer et lier son fichier CSS
- P. 147
- Modifier la typographie
- P. 159
- Chapitre 15 Installer LESS CSS
- P. 160
- Installer LESS CSS côté client
- P. 161
- Installer LESS CSS côté serveur
- P. 165
- Chapitre 16 Commencer avec LESS CSS
- P. 165
- Structurer avec les variables
- P. 167
- Imbriquer les règles CSS avec le nesting
- P. 169
- Importer des propriétés avec les mixins
- P. 171
- Aller plus loin avec les mixins avancées
- P. 175
- Varier les couleurs
- P. 179
- Jouer avec les opérations
- P. 183
- Importer des fichiers
- P. 187
- Chapitre 17 Modifier Bootstrap avec LESS CSS
- P. 187
- Comprendre l'organisation
- P. 191
- Modifier le thème couleur
- P. 193
- Modifier l'apparence des boutons
- P. 197
- Créer un espace de connexion
- P. 205
- Chapitre 18 Découvrir SASS
- P. 205
- Écrire en SASS
- P. 207
- Le langage SCSS
- P. 208
- Comparer LESS CSS et SCSS
- P. 211
- Chapitre 19 Customiser Bootstrap
- P. 212
- Changer les couleurs des boutons
- P. 213
- Changer les media queries breakpoints
- P. 214
- Télécharger le fichier
- P. 217
- Troisième partie Créer et intégrer avec Bootstrap
- P. 219
- Chapitre 20 Créer un carrousel animé
- P. 219
- Créer la structure HTML
- P. 222
- Personnaliser la classe carousel-caption
- P. 233
- Chapitre 21 Créer une galerie d'images
- P. 234
- Créer la structure HTML
- P. 240
- Personnaliser avec LESS CSS
- P. 246
- Manipuler JavaScript
- P. 249
- Chapitre 22 Recréer une page complexe avec LESS CSS
- P. 250
- Mettre en place l'espace de travail
- P. 252
- Créer la structure HTML
- P. 266
- Personnaliser avec LESS CSS
- P. 267
- Modifier l'apparence de l'en-tête
- P. 271
- Modifier l'apparence de la typographie
- P. 273
- Modifier l'apparence du bouton d'action
- P. 277
- Modifier l'apparence du Jumbotron
- P. 284
- Modifier l'apparence du pied de page
- P. 289
- Affiner avec les media queries
- P. 299
- Annexe : les codes sources des exemples du livre
- P. 299
- Le carrousel animé
- P. 303
- La galerie d'images
- P. 308
- Une page complète avec LESS CSS