TailwindCSS 2 par la pratique - 2021

Dans cette vidéo nous allons mettre en place notre l'environment de développement.

Dans cette vidéo nous voir comment fonctionne Tailwind CSS.

Dans cette vidéo nous allons voir comment transformer le code tailwind en vanilla css (css natif).

Dans cette vidéo nous allons mettre en place le code HTML du squelette de notre page web.

Dans cette vidéo, nous allons ajouter notre fichier CSS à notre page web ainsi qu'ajouter nos images à notre projet.

Dans cette vidéo, nous voir comment les couleurs et les tailles de textes de polices (fonts) sont gérées avec tailwindcss.

Dans cette vidéo, nous allons ajouter des couleurs à notre site web.

Dans cette vidéo, nous allons changer la taille de certain de nos textes.

Dans cette vidéo, nous allons voir comment fonctionnent les margins et les paddings avec tailwindcss.

Dans cette vidéo, nous allons ajouter des margins et des paddings à notre page web.

Dans cette vidéo, nous allons voir comment les borders fonctionnent avec tailwindcss.

Dans cette vidéo, nous allons ajouter des borders à notre site web.

Dans cette vidéo, nous allons expliquer à quoi sert le fichier de configuration tailwindcss.

Dans cette vidéo, nous allons modifier créer un fichier de configuration personnalisé et voir comment cela fonctionne.

Dans cette vidéo, nous allons voir comment ajouter des fonctionnalités avec Tailwindcss grâce à notre fichier de configuration.

Dans cette vidéo, nous allons ajouter une police personnalisée sur notre page web avec Tailwindcss.

Dans cette vidéo, nous allons styliser notre page web grâce à flexbox and Tailwindcss.

Dans cette vidéo, nous allons ajouter notre des fonctionnalités responsives à notre page web grâce à Tailwindcss et flexbox.

Dans cette vidéo, nous allons créer une carte (card) avec Tailwindcss.

Dans cette vidéo, nous allons créer un badge avec Tailwindcss.

Dans cette vidéo, nous allons voir les différentes directives avec Tailwindcss, comme: @tailwind, @apply, ...

Dans cette vidéo, nous allons voir les grids (grilles) avec Tailwindcss et aligner nos cartes les unes avec les autres.

Dans cette vidéo, nous allons créer les boutons "Se connecter", "Créer un compte" et "Plus" dans notre page web avec Tailwindcss.

Dans cette vidéos, nous allons ajouter quelques icons dans notre page web avec Twilwindcss et hero icons.

Dans cette vidéo, nous allons ajouter des effets d'hover (effets de survol) ainsi que des ombrages avec Tailwindcss.

Dans cette vidéo, nous allons ajouter un menu responsive à notre page web pour les grands écrans.

Dans cette vidéo, nous allons ajouter la version mobile à notre menu responsive.

Dans cette vidéo, nous allons ajouter du javascript à notre site web pour animer notre menu.

Dans cette vidéo, nous allons ajouter des transitions et animations à notre site web et principalement sur nos boutons.