Tailwind CSS - Grundlagen - Inhouse von HECKER CONSULTING

Der Tailwind CSS Utility-First-Ansatz wirft viele der traditionellen CSS-Ansätze für die Erstellung von Projekten über Bord und ermöglicht eine vollständige und einzigartige Website zu erstellen, ohne eine einzige Zeile CSS zu schreiben.

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.