Tailwind CSS - Grundlagen

Hin und wieder kommt eine neue Idee auf, die die Art und Weise, wie wir im Web arbeiten, wirklich verändert: Tailwind CSS ist eine dieser Neuerungen.

Tailwind.css verfolgt einen neuen Ansatz bei der Erstellung von Projekten, den so genannten Utility-First-Ansatz, was bedeutet, dass Sie eine ganze Website erstellen können, die einzigartig aussieht, ohne eine einzige Zeile CSS zu schreiben.

Im Gegensatz zu Bootstrap hat Tailwind CSS keine Klassen für Komponenten wie Karussells, Karten, Akkordeons und so weiter. Was es hat, ist ein reaktionsfähiges Raster und Flex-Wrap-Klassen, die steuern, wie alles aussieht, ohne dass man ein Style-Dokument anfassen muss.

Entdecken Sie, wie Tailwind CSS einen leichtgewichtigen, aber ausgefeilten Ansatz für die Gestaltung von Inhalten in Ihren Websites und Anwendungen durch Beschriftung mit geeigneten Klassennamen bietet.

Einstieg in Tailwind CSS

• Der Tailwind Utility-First-Ansatz
• Installieren von Tailwind CSS
• Arbeiten mit einem Build-Tool
• Benutzerdefinierte Builds
• Hinzufügen von Stilen

Typografie in Tailwind CSS

• Schriftarten-Direktiven
• Text-Direktiven
• Listenstile
• Abstands-Typografie

Objekt-Eigenschaften in Tailwind CSS

• Umrandungen
• Ringe
• Unterteilen
• Hintergründe
• Box-Schatten

Tailwind CSS Objekt-Metriken

• Breite und Höhe
• Abstände und Ränder
• Anzeige und Position
• Verschieben und Einschließen von Objekten
• Andere Eigenschaften

Layouts in Tailwind CSS

• Flexbox
• Raster
• Box-Ausrichtung

Tailwind CSS - Animation

• Transformationen
• Übergänge
• Animieren
• Filter-Hilfsmittel
• Dienstprogramme für Überblendungsmodus

Weitere Optionen in Tailwind CSS

• Formulare
• Tabellen
• SVG
• Screen-Reader
• Interaktivität

Der Tailwind - Just-in-Time-Modus

• Arbeiten mit JIT
• Zusätzliche Varianten
• JIT-Verbesserungen

Der Tailwind CSS Utility-First-Ansatz wirft viele der traditionellen CSS-Ansätze für die Erstellung von Projekten über Bord und ermöglicht es Ihnen, eine vollständige und einzigartige Website zu erstellen, ohne eine einzige Zeile CSS zu schreiben. Lernen Sie, wie Sie alles von Schriftarten, Farben, Rahmen und das gesamte Layout Ihrer Seiten verwalten können, indem Sie Tailwind hinzufügen und seine Verwendung für die HTML-Elemente auf Ihren Seiten festlegen, ohne ein Stildokument anfassen zu müssen. Außerdem lernen Sie den Just-in-Time (JIT)-Modus und seine Vorteile, Varianten und Verbesserungen kennen.

Die Weiterbildung "Tailwind CSS - Grundlagen" bieten wir Ihnen als Firmenseminar sowie Inhouse-Schulung Live-Online und Vor-Ort an!