Tailwind - ein Utility-first Framework für CSS
Tailwind ist ein Low-Level CSS Framework. Im Gegensatz zu Komponentenbasierten Frameworks wie Bootstrap werden mittels einzelner CSS Klassen keine umfangreichen Stylings erstellt, die ganze Komponenten Darstellen, sondern lediglich einzelne Eigenschaften wie z.B. die Textfarbe oder die Hintergrundfarbe vorgegeben.
Als Folge daraus sieht HTML mit Tailwind-Klassen auf den ersten Blick schrecklich aus. Viele einzelne Klassen befinden sich an jedem einzelnen HTML-Element. Aber auch Tailwind bietet die Möglichkeit übergreifende eigene Klassen zu definieren um etwas Ordnung ins Chaos zu bringen.
Der Vorteil liegt auf der Hand. Während Applikationen mit Bootstrap oder Material UI in der Regel immer ähnlich aussehen und auf den ersten Blick erkennbar sind, unterscheiden sich Tailwind Applikationen deutlich. Es gibt keine vorgefertigten Komponenten, wodurch externe Design-Vorgaben problemlos umgesetzt werden können.
Die oft genannten Nachteile, dass es keine vernünftige Trennung zwischen HTML und CSS mehr gibt, können mit wenigen Argumenten beiseite gewischt werden. Frameworks wie Vue.js vereinen bereits innerhalb einzelner Dateien sowohl Script, Style als auch HTML. Auch React bietet mit JSX eine Technik, die mit dieser strikten Trennung - der Separation of Concerns - bricht. Es ist also durchaus üblich in modernen Frameworks ohne strikte Trennung von HTML, CSS uns JavaScript zu arbeiten. Gerade das macht auch die Stärke der Frameworks aus, gehört aber oft auch in den Bereich "persönliche Vorlieben".
Tailwind CSS ist dabei unsere Vorliebe, wenn es um das Styling Ihrer Webapplikation geht. Mit Tailwind erstellen wir Ihr Design nach exakt Ihren Vorgaben, ohne Kompromisse.