Tailwind CSS : pour concevoir des sites web modernes et uniques

Auteur(s) :

Ausin, Sébastien

Résumé

Un guide pour appréhender les classes de Tailwind CSS afin de concevoir des sites web, avec des conseils pour faciliter la mise en page et agir sur la typographie, les couleurs, les dimensions et les espaces. L'ouvrage se termine sur un cas pratique pour réaliser l'intégration d'une maquette étape par étape.

Éditeur(s)
- Éditions Eyrolles
Date
- DL 2024
Notes
- La 4e de couv. indique : Les images et le code source du cas pratique de ce livre sont disponibles sur le site d'accompagnement : https://www.editions-eyrolles.com:dl:0101421
Langues
- Français
Description matérielle
- 1 vol. (110 p.) : ill. en coul. ; 23 cm
Collections
- Blanche
Sujet(s)
ISBN
- 978-2-416-01421-5
Indice
- 681.51 Internet
Quatrième de couverture
- Tailwind CSS
  Un livre incontournable pour concevoir des applications web modernes
  Découvrez l'univers de Tailwind CSS, le framework CSS de plus en plus populaire auprès des développeurs pour concevoir des sites ou des applications web modernes. Grâce à sa bibliothèque de classes réutilisables, il évite l'écriture des règles de style pour chaque élément HTML et permet ainsi aux utilisateurs de créer rapidement des mises en page élégantes.
  Cet ouvrage vous apprendra les bases pour vous mener jusqu'aux fonctionnalités avancées de Tailwind CSS.
  Vous commencerez par voir comment installer Tailwind CSS selon plusieurs méthodes, en fonction de vos projets. Puis, vous vous perfectionnerez sur les techniques de mise en page et apprendrez à agir sur la typographie, les couleurs, les dimensions et les espaces. Vous pourrez également pousser l'utilisation de Tailwind CSS encore plus loin, en le personnalisant selon vos besoins, pour concevoir des sites web uniques correspondant exactement à vos attentes. Enfin, un cas pratique vous permettra de mettre en application ce que vous aurez appris, en réalisant l'intégration d'une maquette d'un site e-commerce étape par étape.
  Ce livre vous propose également des ressources supplémentaires et des astuces pratiques pour compléter votre boîte à outils et ainsi gagner en productivité.
  Que vous soyez débutant ou développeur expérimenté, cet ouvrage est votre allié pour créer des interfaces modernes et élégantes.
  À qui s'adresse cet ouvrage ?
  
  Aux étudiants en développement web qui souhaitent prendre en main un framework CSS
  
  Aux développeurs web qui veulent travailler plus rapidement
  
  Aux entreprises ou organisations qui souhaitent mettre à jour leur site pour le moderniser et ainsi proposer une meilleure expérience utilisateur
Tables des matières
- - Tailwind CSS
  - Pour concevoir des sites web modernes et uniques
  - Sébastien Ausin
  - Éditions Eyrolles
  - Chapitre 1
  - Introduction1
  - À qui s'adresse cet ouvrage ?2
  - Définition d'un framework2
  - Qu'est-ce que Tailwind CSS ?2
  - Les débuts de Tailwind CSS3
  - Prérequis pour commencer avec Tailwind CSS3
  - Pour bien démarrer3
  - Chapitre 2
  - Installer Tailwind CSS5
  - Installer Tailwind CSS via le CDN5
  - Installer Tailwind CSS via la CLI6
  - Autres méthodes9
  - Installation en tant que plugin PostCSS9
  - Installation en fonction d'un framework9
  - Chapitre 3
  - Principes de base11
  - Principe des classes utilitaires11
  - Différences avec Bootstrap12
  - Chapitre 4
  - Typographie15
  - Taille de la police15
  - Familles de polices17
  - Style18
  - Italique18
  - Graisse de la police19
  - Soulignement19
  - Casse du texte20
  - Couleurs21
  - Alignement du texte23
  - Alignement horizontal23
  - Alignement vertical23
  - Listes24
  - Chapitre 5
  - Modèle de boîte25
  - Dimensions25
  - Largeur26
  - Hauteur28
  - Espacements28
  - Marges internes et externes28
  - Espaces entre éléments30
  - Bordures30
  - Épaisseur du trait30
  - Couleur du trait32
  - Style du trait32
  - Coins arrondis32
  - Séparateurs34
  - Bordure en anneau ou « ring »34
  - Couleur de fond35
  - Couleur unie35
  - Dégradé de couleurs35
  - Image d'arrière-plan36
  - Effets et filtres38
  - Effets38
  - Ombres portées 38
  - Opacité 39
  - Mode de fusion 39
  - Filtres39
  - Chapitre 6
  - Mise en page41
  - Conteneur41
  - Colonnes42
  - Tableaux43
  - Border-collapse43
  - Border-spacing43
  - Table-layout44
  - Caption-side44
  - Propriété display44
  - Propriété float45
  - Chapitre 7
  - Flexbox47
  - Propriétés du flex container47
  - Propriété flex47
  - Direction48
  - Propriété justify-content50
  - Propriété flex-wrap50
  - Propriété align-items51
  - Propriété align-content51
  - Propriétés des flex items52
  - Propriété flex-grow52
  - Propriété flex-shrink52
  - Propriété flex-basis53
  - Propriété order54
  - Propriété align-self55
  - Chapitre 8
  - Grid57
  - Propriétés du grid container57
  - Propriété grid-template-columns57
  - Propriété grid-template-rows58
  - Propriété gap59
  - Propriété justify-content59
  - Propriété align-content60
  - Propriété place-content61
  - Propriété justify-items62
  - Propriété align-items63
  - Propriété place-items63
  - Propriétés des grid items64
  - Propriété grid-column-{start | end}64
  - Propriété grid-row-{start | end}66
  - Propriété order67
  - Propriété justify-self67
  - Propriété align-self67
  - Chapitre 9
  - Responsive design69
  - Tailles d'écran et point de rupture69
  - Affichage optimisé pour les mobiles70
  - Gérer un intervalle de point de rupture71
  - Exemples d'utilisation71
  - Afficher une ou plusieurs colonnes72
  - Grille réactive72
  - Chapitre 10
  - Personnaliser Tailwind CSS75
  - Fichier de configuration75
  - Couleurs77
  - Typographie78
  - Espacements79
  - Personnaliser les autres propriétés79
  - Plugins80
  - Fichier CSS personnalisé80
  - Chapitre 11
  - Cas pratique : le projet « Burger Xpress »83
  - Présentation du projet83
  - Mise en place du projet85
  - Installation de Tailwind CSS85
  - Réglages du thème86
  - Intégration de la maquette87
  - Section Hero et barre de navigation87
  - Section Nos suggestions89
  - Section Newsletter91
  - Section Témoignages91
  - Pied de page94
  - Chapitre 12
  - Ressources supplémentaires97
  - Thèmes et composants97
  - Tailwind UI97
  - TailGrids98
  - Preline UI99
  - DaisyUI100
  - HyperUI101
  - Flowbite101
  - Palettes de couleurs et générateurs de dégradés102
  - UIColors102
  - Tailwind Shades103
  - Gradient Designer103
  - HyperColor104
  - Cheat sheets105
  - Outils divers105
  - Tailwind Grid Generator105
  - Tailwind CSS Animated106
  - Conclusion 107
  - Index 109
Origine de la notice:
- BPI