Tailwind CSS
Pour concevoir des sites web modernes et uniques
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
Le sommaire en bref
Chapitre 1 - Introduction
- À qui s’adresse cet ouvrage ?
- Définition d’un framework
- Qu’est-ce que Tailwind CSS ?
- Les débuts de Tailwind CSS
- Prérequis pour commencer avec Tailwind CSS
- Pour bien démarrer
Chapitre 2 - Installer Tailwind CSS
- Installer Tailwind CSS via le CDN
- Installer Tailwind CSS via la CLI
- Autres méthodes
Chapitre 3 - Principes de base
- Principe des classes utilitaires
- Différences avec Bootstrap
Chapitre 4 - Typographie
- Taille de la police
- Familles de polices
- Style
- Alignement du texte
- Listes
Chapitre 5 - Modèle de boîte
- Dimensions
- Espacements
- Bordures
- Couleur de fond
- Image d’arrière-plan
- Effets et filtres
Chapitre 6 - Mise en page
- Conteneur
- Colonnes
- Tableaux
- Propriété display
- Propriété float
Chapitre 7 - Flexbox
- Propriétés du flex container
- Propriétés des flex items
Chapitre 8 - Grid
- Propriétés du grid container
- Propriétés des grid items
Chapitre 9 - Responsive design
- Tailles d’écran et point de rupture
- Affichage optimisé pour les mobiles
- Gérer un intervalle de point de rupture
- Exemples d’utilisation
Chapitre 10 - Personnaliser Tailwind CSS
- Fichier de configuration
- Fichier CSS personnalisé
Chapitre 11 - Cas pratique : le projet « Burger Xpress »
- Présentation du projet
- Mise en place du projet
- Intégration de la maquette
Chapitre 12 - Ressources supplémentaires
- Thèmes et composants
- Palettes de couleurs et générateurs de dégradés
- Cheat sheets
- Outils divers