TailwindCSS ist ein sogenanntes Utility-Frontend-Framework: mithilfe von Klassen und ohne den HTML-Code zu verlassen, können Sie Webseiten und Komponenten rasch und unkompliziert aufhübschen.
Die Klassen bezeichnen dabei die einzelnen CSS-Formatierungen, über die sich dann Designs definieren lassen. Wer bisher mit einem Framework wie Bootstrap gearbeitet hat, wird den Ansatz erst einmal gewöhnungsbedürftig finden – aber es lohnt, sich darauf einzulassen: Mit TailwindCSS lässt sich schnell und produktiv arbeiten und es bietet weitreichende Konfigurationsmöglichkeiten und Erleichterungen bei der Arbeit mit CSS.
Loslegen mit TailwindCSS
Für TailwindCSS nutzen Sie ein normales HTML-Template mit HTML5-Doctype, Meta-Viewport-Angabe und einem Verweis auf die TailwindCSS-Datei. Im Beispiel heißt das Dokument index.html:
Immer mehr Wissen. Das digitale Abo für IT und Technik.
Nur bis zum 31. Mai: heise+ 1 Jahr für nur 1,90 pro Woche lesen. Unbegrenzter Zugriff auf alle heise+ Artikel inklusive allen Digital-Magazinen.Länger lesen, mehr sparen: heise+ 1 Jahr lang für nur 1,90 € pro Woche lesen und brandaktuelles IT- und Tech-Wissen sichern. Zugriff auf alle heise+ Artikel inklusive der Digital-Magazine. Nur bis zum 31. Mai!