Tailwind 3.3.3 in nur einem Video lernen | Web Development 2023

00:00 Intro
01:53 Setup
07:06 VSCode Plugin
08:41 Beispiel14:31 apply
15:37 customization
17:55 layer components
19:32 outro

In diesem exklusiven Video tauchen wir tief in die Welt von Tailwind CSS ein und erkunden die neueste Version, nämlich Version 3.3.3. Du wirst erstaunt sein, wie mühelos es ist, mit dieser aktualisierten Version atemberaubende Designs für deine Web Apps zu gestalten. Gemeinsam werden wir die Funktionalitäten von "Apply", "Custom Themes" und "Layer Components" erkunden, sodass du nach diesem Video ein echter Experte für die Verwendung von Tailwind CSS in Web Apps bist.

🔍 Was erwartet dich in diesem Video?
🎨 "Apply": Ich werde dir zeigen, wie du mit nur wenigen Zeilen Code erstaunliche Stile auf die Elemente deiner Web Apps anwenden kannst.

🌈 "Custom Themes": Tailwind ermöglicht es dir, deinen Web Apps eine persönliche Note zu verleihen. Ich werde dir zeigen, wie du benutzerdefinierte Themes erstellst und anwendest, um die Designs deiner Web Apps auf die nächste Stufe zu heben.

🔗 "Layer Components": Ein weiteres bemerkenswertes Feature, das Tailwind bietet, sind injectbare Komponenten. Du wirst lernen, wie du Komponenten in deine Web Apps integrierst, um komplexe Layouts zu erstellen, ohne dich in Spaghetti Code zu verlieren.

🚀 Verpasse nicht die Chance, deine Fähigkeiten in der Webentwicklung auf das nächste Level zu heben. Abonniere meinen Kanal, aktiviere die Benachrichtigungen und sei bereit!

Ihr könnt mir gerne einen Kaffee ausgeben auf:

Oder meinen TikTok Kanal für mehr Programmier-Content besuchen:

Mein Setup

🖱️ Logitech MX Vertical

⌨️ Apple Magic Keyboard with Touch ID

🖥️ LG Electronics 49WQ95X 32:9

💾 Kensington SD5700T Thunderbolt 4 Docking Station

🎤 Blue Yeti Microphone

💻 MacBook pro 14" M2

Hi Oli

Eine ganz komische Frage, woher kennst du die befehle für die ganzen Codes? Habe bisher nur mit Bootstrap gearbeitet und das dünkt mich auf den ersten Blick um einiges einfacher als Tailwind. Danke für deine Antwort.

[andreaskarz]

Wenn du den Spread Operater nimmt in der Conig, kriegst du wieder alle Farben ;-)
colors: {
...colors, // colors from tailwindcss/colors
tahiti: {
light: '#67e8f9',
DEFAULT: '#06b6d4',
dark: '#0e7490',
},
},