Tailwind vs Bootstrap en 2023 : lequel choisir, et pourquoi ?

Dans cette vidéo nous examinons les forces et faiblesses de #Bootstrap et de #Tailwind pour comprendre quel est le meilleur framework CSS à apprendre, ou à utiliser, et pourquoi. Pour vous aider dans le choix tailwind vs bootstrap, que vous soyiez débutant ou féru de développement web.

----------

Mon matos :

[MrgnUTube]

Honnêtement aucun, je préfère maitriser (et respecter) le CSS3 (SCSS).

[emmtes]

Salut, en fait Tailwind, c'est un mix entre Bootstrap et Saas/Scss ! Ben tu sais quoi: Je me passe de Bootstrap (parce qu'une class règle plusieurs points en même temps) et ceci, grâce au CSS et ne veux pas me passer du Scss. Donc, Tailwind (malgré que tout le monde y va...): ne m'intéresse pas.

[manu]

C'est dingue. Il y a des gens qui sont dans l'avenir. Quel est l'état en 2023 alors qu'elle a été publié il y a 2 ans. Etre visionnaire c'est un boulot. Bootstrap 5 sera t'il pour 2021.... Grosse question quand on est dans l'avenir. A quand la vidéo sur le putaclick. Un peu gros quand même

[Vin]

Le titre énonce un versus de techno en 2023 alors que la vidéo date de 2021 ? Lol

[cotigasenegal]

En tant que petite agence Web, nous restons fidèle à Bootstrap. BS est très facilement personnalisable, il est de mauvaise fois de dire que BS est "cliché" (j'irais jusqu'à dire qu'ojd, c'est TW qui l'est...).
La facilité a assimiler BS donne une plus grande liberté de créativité, là ou la complexité de TW "oblige à rester dans le moule".
Et puis la tonne de class TW qui pourri le HTML... très peu pour nous.
Bref, les arguments en faveur de BS ne manquent pas, là ou nous avons du mal à en trouver pour TW...

[laurentinengamifiyatete]

j'ai toujours voulu utilisé bootstrap mais ça me demande un peu plus de temps pour apprendre mais tailwind îl est vraiment bon il est facile à prendre à main vu que c'est son les propriétés CSS transformé en classe utilitaires et mieux nommer que le CSS je trouve avec tailwind on prendre possession vraiment de son design, le composant son facilement réutilisable et le fait de resté que sur la même html c'est vraiment bien

[MrJohAA]

Le but du web c'est justement de pouvoir revenir sur des choses et de les comprendre, de les maintenir et de les faire évoluer. Le côté gratifiant dans le web n'a, à mon sens pas vraiment sa place.
Utiliser Tailwind c'est à mon sens se tirer une balle dans le pied. Le fait qu'il soit payant signifie qu'il cible une niche spécifique et qu'il se veut donc "précieux" ce qui n'est pas compatible avec la notion de partage qui existe dans la commu web.
De plus il n'y a pas de composants réutilisables ce qui est totalement aberrant en 2023. La création de composant est la base des frameworks modernes (vue, angular, react etc.).

Bref pas convaincu d'un tel framework surtout quand on est un connaisseur du Css et de Sass.

[flo]

Merci pour le comparatif, j'me lance dans tailwind :)

[leborgnecedric]

Tailwind ou Bootstrap, moi j'aime vraiment Bulma

Bootstrap oui c'est la base, mais on ne veut que du CSS, j'ai laissé tombé depuis longtemps
Tailwind oui c'est sympa, mais comme je suis dev back, je trouve ça trop long pour mettre en place ce que l'on veut

Quand j'ai découvert Bulma, je l'ai adopté,
il est full css, simple, très rapide et des composants facile à ajouter dans nos projets

[Pizatol]

Hello, je suis assez d'accord avec toi. Bootstrap assez pratique pour tester des trucs rapidement, mais les fameux button primary sont devenus clichés.. j'aime bien l'idée de considérer tailwind comme plus bas niveau que bootstrap. Merci pour tes contenus, toujours aussi intéressants !

[janick]

Merci pour cette vidéo. Lorsque que j'ai entamé une formation, on m'a montré Bootstrap. Je trouve que c'est la pire des chose à faire, difficile de comprendre les règles de Grid ou flebox avec ce genre de Framework. Du coup je suis parti sur le CSS from scratch car j'ai vite vu mes lacunes. Ensuite j'ai voulu essayer Tailwind, car le logo et leur page me plaisait( ouais ça part de rien des fois). Du coup j'ai adopté Tailwind, même en état débutant, car j'ai pris du plaisir avec lui. Et puis il à des grandes tailles contrairement à Bootstrap. Longue vie à Tailwind

[tetuaoro]

Tailwind 0, bootstrap 0, picocss 10/10, merci pour cette vidéo et bonne fête

[stephaneaudo]

En navigation (voile) on dit plutôt Vent arrière? Ce qui prend tous son sens quand on met le Spi.

[MrTutOxX]

Encore une excellente vidéo, merci. :)

[nicolasboudot]

Je n'ai pas encore testé TailWind mais il me tente bien. Par contre, je me demande si le HTML n'est pas trop surchargé avec des classes utilitaire de partout ?

[loltatum]

Yello ! Salut tout le monde ! J'aurais une question assez particulière après avoir vu cette vidéo, que voici : pouvons nous créé un projet avec bootstrap et tailwind en même temps ?

[teach]

Bonjour Monsieur, je suis étudiant en Allemagne, dans le cadre de mon mémoire de diplôme pour le titre d'ingénieur, je travaille avec Bootstrap + Tailwind CSS. J'ai regardé votre vidéo, je la trouve intéressante. Je comprends que vous avez déjà beaucoup d'expérience avec Teilwind et Bootstrap, pouvez-vous me dire pourquoi vous utilisez Bootstrap sur votre site Web et pourquoi vous utilisez Tailwind sur d'autres sites Web ? Selon vous, qu'est-ce qui est le mieux pour un développeur Bootstrap ou Tailwind ? Trouvez-vous des inconvénients à Tailwind par rapport à Bootstrap ? Si possible, citez de quelques inconvénients + avantages de Bootstrao et Tailwind
Je vous remercie d'avance...keep going.

[mohamedfall]

Merci monsieur pour les explications claires

[sarahlachiheb]

Merci pour la vidéo :) ! J'aurais une petite question sur la compatibilité de deux librairies, est-ce que vous pensez qu'on peut utiliser Tailwind et Material UI ensemble ? Je suis très intéressée par les classes utilitaires de Tailwind et par les composants déjà prêt à l'emploi de Material UI. De mon côté, j'ai peur de rencontrer un blocage sur le maintien du design system et de perdre en performance/poids du projet.

[moneyfr]

Tu saurais comment on peut target les enfants avec tailwind

Div > p bg-pink

Gagner en lisibilité