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/
  • НаукаНаука

Комментарии • 26

  • @TomCodeur
    @TomCodeur 4 года назад +2

    Une bonne découverte ! Excellent tes vidéos 😉

  • @younessidbakkasse9742
    @younessidbakkasse9742 3 года назад +1

    Alllez j'attend ton prochaine video j'espère que tu parleras d'e-commerce!! Merci Quentin

  • @marclagache3643
    @marclagache3643 Год назад

    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

  • @nathanbastard6805
    @nathanbastard6805 4 года назад +5

    pas mal, vidéo de bonne qualité en plus

  • @lesmoniers3157
    @lesmoniers3157 4 года назад +1

    excellente vidéo et très bien monté !

  • @pepew7102
    @pepew7102 4 года назад +5

    Le problème c'est un peu le même qu'avec Bootstrap : ton HTML devient "illisible" avec toutes les classes

  • @lesfousduretro2162
    @lesfousduretro2162 3 года назад

    Cool

  • @alphacentorus
    @alphacentorus 3 года назад +1

    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. ?

    • @FrontEndVideo
      @FrontEndVideo  3 года назад

      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 ❌

  • @davidsallee5308
    @davidsallee5308 4 года назад +1

    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 ?

    • @FrontEndVideo
      @FrontEndVideo  4 года назад +1

      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

    • @davidsallee5308
      @davidsallee5308 4 года назад

      Merci beaucoup pour ton retour et je vais tester tout ça !

  • @alarmecolver
    @alarmecolver 4 года назад +1

    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 ^^

    • @FrontEndVideo
      @FrontEndVideo  4 года назад +1

      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.

    • @alarmecolver
      @alarmecolver 4 года назад +2

      @@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 =)

  • @kouassicharlesoth-niel3403
    @kouassicharlesoth-niel3403 4 года назад +1

    Je voulais savoir quelle est la différence entre ce framework et le framework Sass?

    • @schleidens4983
      @schleidens4983 4 года назад +1

      Sass n'est pas un framework , c un prepocesseur css tout comme less

  • @MourideGoor
    @MourideGoor 3 года назад

    Je m'abonne ⚔️🔥

  • @Montage203
    @Montage203 4 года назад

    Quel est ton avis sur Bulma ?

  • @clementbacouelle6596
    @clementbacouelle6596 4 года назад

    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

  • @blasm1713
    @blasm1713 3 года назад +1

    5 ans comme front dev? On dirai que t'as 16 ans

  • @angladephil
    @angladephil 2 года назад

    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.

    • @int0therain44
      @int0therain44 2 года назад

      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.