Tailwind CSS-Profi werden: Konfigurieren, Anpassen und Erweitern

In diesem Video zeige ich dir, wie man Tailwind CSS konfiguriert, anpasst und erweitert, um deine Webdesigns zu optimieren. Ich gehe Schritt für Schritt durch die Konfiguration von Tailwind CSS und zeige dir, wie man es an deine Anforderungen anpasst und erweitert. Ich gebe auch Tipps und Tricks, wie man die Leistung von Tailwind CSS verbessert und es effektiver einsetzt. Schau dir das Video an und verbesser deine Frontend-Fähigkeiten mit Tailwind CSS. Happy Coding!

😺 Source Code
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

⏩ Videoinhalt
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
00:00 Einleitung
01:28 Neuigkeiten
03:05 JIT Mode
06:24 eigene Klassen
20:10 Breakpoints
27:49 Schriften
31:34 Farben
37:50 Wie gehts weiter

⭐ Das könnte dich auch interessieren
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Tailwind CSS Tutorial für Anfänger:

Bootstrap Website Tutorial für Anfänger:

JavaScript Fetch mit HTML Templates nutzen:

📌 Über diesen Kanal und mich
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Webentwicklung effizient und einfach. Alles rundum Webentwicklung, Webdesign und angrenzende Themen. Mein Name ist Mario und ich bin bereits seit über 15 Jahren als Webentwickler tätig. Einige Tutorials auf diesem Kanal sind für absolute Anfänger ohne Vorkenntnisse geeignet, und andere für erfahrene Entwickler.

Starte Jetzt!

#Tailwind #CSS #ProgrammierenM

[ProgrammierenMario]

Dir hat dieses Tutorial gefallen und du möchtest noch mehr über Tailwind lernen? Dann schreib mir doch einfach unter diesem Kommentar über welches Tailwind Thema du ein Tutorial haben möchtest ;)

[K_Andreas]

Prima Ergänzung zu Deinen anderen Tailwind-Videos. Vielen Dank. 👍 Damit hast Du mich ermutigt, es jetzt auch selbst auszuprobieren. 😁

[magaapp]

Vielen Dank!!! Es ist einfach Klasse!! Persönlich bin ich durcheinander mit der Versionen und mit PurgeCss usw. Es wäre sehr gut, wenn mal die Version 3 behandelt wird bzw. wie mit "PurgeCss" und cssnano umzugehen ist.

[preinboth]

Vielen Dank!!! Das Video hat mir den Einstieg in Tailwind schon mal erleichtert. Was ich bisher nicht hinbekommen habe (auch nach längerer Google Suche) ist die korrekte Einbindung in die Tailwind-Config von Fontawesome. Vielleicht kannst Du dazu mal ein kurzes Video machen? Wäre schön 👍

[birdy]

Danke für das Update. So richtig warm werde ich mit den ganzen Frameworks nicht. Man hat doch mit der Zeit seine CSS Klassen, welche man immer wieder benutzt im Kopf und weiß was passiert? Mmmh..? Vielleicht bin ich auch einfach zu alt…😅 Danke auf jeden Fall für das Video.

[benjaminschmidt]

Hey Mario, sag mal ist es auch möglich eine Variable für die Positionierung mit ein zu fügen?
Also wenn man bspw. Auf top = Basisposition + 5rem;
Positionieren möchte.
Geht das irgendwie mit tailwind, dass man Variablen definiert, welche man dann bspw. Im js verändern kann?
So müsste man nicht das class Attribut verändern.

[rosipflanzen]

Hallo Mario; ich möchte einen Button kreieren, der zwei verschiedene HOVER-Effekte hat, anhängig davon, ob er enabled oder disabled ist. Wie kann ich das denn in TAILWIND erreichen ? In CSS mache ich das mit .b99[disabled]:hover aber mit TAILWIND bekomme ich es einfach nicht hin. Ich verwende TAILWIND v2.2

[VinceKueng]

Grundsätzlich interessiert mich alles zum Thema Tailwind. Responive Navigation wäre z.B. für mich sinnvoll. Manchmal sind deine Tutorials für mich etwas zu lang und ich wünschte mir kürzere Spielzeiten aber dafür auf ein Thema begrenzt. So wäre es möglich schneller an ein bestimmtes Thema zu kommen. 40 Minuten überfordern mich manchmal, denn es ist ja alles neu für mich. Ansonsten ;-) ...wie immer, alles bestens.

[benjaminschmidt]

Geiles Video. .... Aber Kommentar weg?

[badmax]

Mir persönlich ist Tailwind für kleine Projekte zu kompliziert und zu aufwendig.