Qu'est ce que Tailwind CSS ?
HTML-код
- Опубликовано: 29 июл 2024
- 🎓 Tous mes cours sur l'École du Web (pour les obtenir tous d'un coup) : www.ecole-du-web.net/
📚 Tous mes cours sur UDEMY : liste-des-cours.com/
🚀 1 Cours gratuit en t'abonnant à ma newsletter :
www.le-designer-du-web.com/news
Le lien du Discord : / discord
Ma chaine en Anglais :
/ @thewebschool
Je suis aussi sur la plateforme Tuto.com :
fr.tuto.com/formateur/enzo_us...
🎓 Tous mes cours sur l'École du Web (pour les obtenir tous d'un coup) : www.ecole-du-web.net/
📚 Tous mes cours sur UDEMY : liste-des-cours.com/
sympa, j'hésite à l'utiliser depuis un petit bout de temps...je pense que je vais essayer un projet dessus.
Merci Enzo
Jolie présentation, bravo!
tres intérressant merci
Dans les faits, il a quelques petits défauts et surtout une approche utility-first / atomique qui peut gravement rebuter les gens (on peut facilement avoir beaucoup plus de classe qu'un bootstrap par exemple), mais il est tellement plus puissant et a une approche beaucoup plus saine, car agnostique (au niveau des noms de classe et du design). On peut vraiment produire des design totalement personnaliser sans avoir des surcouche débile de classe (qui a parlé de boostrap) et prototyper à la vitesse grand V. C'est d'ailleurs pour cette raison que je l'utilise.
Très bon résumé!
Merci
Perso j'apprécie énormément tailwincss c'est assez simple d'utilisation surtout lorsqu'on a l'habitude du css.
Salut enzo merci pour la vidéo j'ai une question par rapport à tailwincss j'ai travaillé avec récemment et j'ai rencontré des soucis avec l'affichage en z index des éléments enfin J'ai un header en position sticky sauf que tous les élément de ma page qui sont en position absolute passe au-dessus de mon header.
Hello Benji, sticky n'est pas vraiment recommandé, cette propriété n'est pas très bien supportée.
Ensuite c'est un problème de contexte d'empilement.
Je ne vois pas trop comment est fait ton code mais les éléments positionnés se mettent les uns au dessus des autres, comme des cartes.
Donc tes éléments passent au dessus de ton header.
Tu peux jouer avec z-index : -1 pour régler ça.
@@EcoleduWeb oui c'est bien ça ! le z index à -1 sur le header ou sur les différentes éléments en positions absolue. Et dite moi c'est quoi la bonne pratique si je ne dois pas utilisé de sticky mais que j'aimerai avoir mon header collé en haut.
@@benji5589 "Fixed"
Hello juste pour prévenir que la vidéo est cassée j'ai juste de lignes rayées affichées !
Actualise et ça devrait aller ;)
Tailwin css c'est un css utilitaire et non composant comme bootstrap
Bop c'est du marketing ça ;)
Bootstrap a autant de classes "utilitaires" que Tailwind et Tailwind propose aussi ses composants, payants.
tailwindui.com/
C'est pas marketing ce sont des vrais concept css comme mobile first ou desktop first
C'est un concept, qu'on utilise comme marketing.
Bootstrap est autant utilitaire que Tailwind.
Changer la couleur du texte en rouge, ce qui est "utilitaire" :
1. Bootstrap : ".text-danger
"
2. Tailwind : "text-red-(100-900)"
Tailwind dans son marketing veut faire croire qu'il est différent des autres mais tous ces FWs se ressemblent beaucoup :)
Et tailwind a autant de composants, voir plus, que Bootstrap, qu'ils font payer avec leur "TailwindUI".
@@EcoleduWeb Belle présentation même s'il me parait un poil compliqué à comprendre au début. Si tu avais un conseil à donner à un junior, tu lui conseillerais de choisir plutot Bootstrap, Bulma ou Tailwind ? Et toi quelle est ta préférence ?
@@johanbn83 Pour un débutant je conseille Bootstrap, c'est le Framework CSS le plus utilisé et donc avec la plus grande commu et le plus grande nombre de réalisations faites avec.
Je n'ai pas vraiment de préférence, ce ne sont que des outils qu'il faut choisir si ils te permettent de résoudre un problème que tu rencontres :) (et ils se ressemblent tous)
J'aime pas, je préfère utiliser flexbox et css grid,
Tu peux utiliser grid & flex avec :)