TailwindCSS : le framework CSS ultime ?
HTML-код
- Опубликовано: 30 янв 2020
- ⬇️REJOINDRE MA LISTE PRIVÉE ⬇️
www.subscribepage.com/frontend
Hello ! Aujourd'hui je te parle de mon expérience avec Tailwind CSS et je t'explique tout ce que tu dois savoir sur l'utilisation de ce framework CSS. Il peut être déroutant à première vue mais en tant que développeur expérimenté il a répondu à beaucoup de problématiques que je rencontrais sur mes projets. Si tu as des questions, pose les dans les commentaires ✍️
Tu utilises déjà Tailwind ? Laisse moi un like pour que d'autres développeurs voient cette vidéo et écrivent à leur tour du meilleur CSS 💪
📚DOCUMENTATION DE TAILWIND CSS
tailwindcss.com/ - Наука
Une bonne découverte ! Excellent tes vidéos 😉
Alllez j'attend ton prochaine video j'espère que tu parleras d'e-commerce!! Merci Quentin
Contenu très ludique, les informations sont pertinentes et utiles, merci Quentin pour ton aide qui me permets de progresser dans mon domaine de compétence. J’attends avec impatience ta prochaine vidéo. Hans
pas mal, vidéo de bonne qualité en plus
excellente vidéo et très bien monté !
Le problème c'est un peu le même qu'avec Bootstrap : ton HTML devient "illisible" avec toutes les classes
euh non :):) , là c'est pire ! mdr
Cool
Je suis actuellement en phase de test avec vue3 et Pug.
Juste une question sur un ajout de class dynamique avec un mode purge on accède à la propriété CSS associé ou celle ci est zappée 'a cause de ' la purge. ?
Tu peux tout à fait gérer des classes dynamiques avec Tailwind. Pour qu’elles ne soient pas éliminées par purge, il faut que leur nom complet soit présent dans le HTML et donc éviter les noms de classes « concaténés »
Ce qu’il faut écrire ✅
Ce qu’il ne faut pas écrire ❌
Salut,
En ce moment j'utilise seulement du SCSS avec les méthodes BEM-OOCSS avec l'Atomic Design... Ce qui revient presque à ce que tu expliques dans ta vidéo.
J'aimerais savoir si Tailwind fonctionne bien avec Angular9 ?
Et est ce qu'on peut utiliser l'outil Purge sans Tailwind ?
Salut David, en effet le concept de classes utilitaires ou de css atomic n'est pas nouveau mais la force de tailwind c'est la qualité de son implémentation, sa config et ses plugins qui en font un outil maintenant indispensable dans mes projets. C'est vraiment à l'usage que l'on s'en rend compte donc je t'invite à l'essayer sur un petit projet et/ou à regarder les screencasts ici : ruclips.net/video/21HuwjmuS7A/видео.html
Tu peux évidemment utiliser Tailwind dans un projet Angular 9, ça fonctionne très bien 💪
Il n'y a pas vraiment de contrainte pour l'implémenter dans tout type de projet mais sur Angular c'est un peu moins simple, tu peux jeter un oeil ici dev.to/seankerwin/angular-8-tailwind-css-guide-3m45 et ici dev.to/duomly/learn-angular-9-with-tailwind-css-by-building-a-banking-app-lesson1-start-the-project-bie ou encore là www.npmjs.com/package/ng-tailwindcss
Sinon purge est utilisable en dehors de Tailwind, la doc est ici : purgecss.com
Merci beaucoup pour ton retour et je vais tester tout ça !
salut Quentin , je voulais savoir si tu avais un discord ou slack pour réunir une communauté pour échanger sur le thème du front-end , des techno etc ?
au passage tu as fais une bonne vidéo , tailwind est de + en + utilisé j'ai l'impression ^^
Pour l’instant je suis sur RUclips et j’envoie des emails pour les abonnés à ma liste. C’est déjà assez pour moi. Mais je t’encourage à répondre à ce commentaire avec les sujets dont tu aimerais discuter et à partager ton parcours. Ca pourra intéresser d’autres développeurs dans la même situation.
@@FrontEndVideo ca serait sympa de parler du parcours de front-end, jsuis en train de finir d'apprendre react , j'ai vu pas mal de road map pour avoir ce " titre " et aussi voir ton parcours et par exemple avoir une journée de type de ton taff ^^ ca pourrait etre sympa =)
Je voulais savoir quelle est la différence entre ce framework et le framework Sass?
Sass n'est pas un framework , c un prepocesseur css tout comme less
Je m'abonne ⚔️🔥
Quel est ton avis sur Bulma ?
c'est la femme à vegeta
@@julienilari1687 ah
A la fois triste de voir que les gens ne découvrent Tailwind que maintenant, mais content que ça prenne un peu plus d'ampleur car grâce à ça (et TailwindUI) Adam à pu embaucher des gens full-time sur Tailwind pour l'améliorer encore et encore :D
5 ans comme front dev? On dirai que t'as 16 ans
Le titre mis en évidence est "écrire du bon CSS" ... Tailwind ne permet sûrement pas ça et en plus transforme le code HTML en une bouillie ignoble et illisible. A bannir totalement.
Ou alors t'y connait pas grand chose ... Va regarder la vidéo "Rebuilding iOS 15 with Tailwind CSS" et refait le avec tes méthodes classiques !.
Et t'as pas bien écouté la vidéo de "Front End Video" car il a montré comment faire des class avec le Tailwind CSS. Donc y a pas de bouillie ignoble et illisible plus qu'ailleurs ou alors le CSS n'est vraiment pas ton truc.