Revision 464: TailwindCSS 2.0

Published: Feb. 16, 2021, 8:55 a.m.

b'Wir nehmen das Release von Version 2.0 von TailwindCSS als Anlass, das Framework\\nnach l\\xe4ngerer Zeit einmal wieder unter die Lupe zu nehmen. Als kompetenten Gast\\nhaben wir uns daf\\xfcr Milan Matull ins Boot geholt, der uns durch die Ideen und\\nKonzepte von Tailwind f\\xfchrt und mit dem wir \\xfcber Vor- und Nachteile des\\nFrameworks (fruchtvoll und zielf\\xfchrend) debattieren.\\n\\n\\nUNSER SPONSOR\\n\\n\\nHEEV.ME\\n\\nDu bist nicht selbst\\xe4ndig, um dich mit B\\xfcrokratie zu befassen.\\nSchlanke, moderne Zeiterfassung, Angebote, Rechnungen und Ausgaben. Smart,\\nintuitiv und auf das absolut Wesentliche reduziert. Als Working Draft H\\xf6rer:in\\nerh\\xe4ltst du exklusiv 30% Rabatt auf alle ausgew\\xe4hlten Module, f\\xfcr die ersten 3\\nMonate.\\n\\nWeitere Infos unter: heev.me/workingdraft\\n\\n\\nSCHAUNOTIZEN\\n\\n[00:01:47] TAILWINDCSS 2.0\\n\\nEinleitend rekapitulieren wir noch einmal, was das erkl\\xe4rte Missionsziel von\\nTailwindCSS \\xfcberhaupt ist. Dabei erkennen wir einige konzeptionelle Vorl\\xe4ufer:\\n\\n\\n\\n * Basscss\\n * Tachyons, und\\n * SUIT CSS\\n\\nAls ehrenwerte Konkurrenz erw\\xe4hnen wir:\\n\\n * die Bootstrap Utilities, und\\n * Bulma.\\n\\nWir stellen als Hauptvorteile heraus, dass die vorgegebenen Leitplanken\\nverhindern, dass Entwickler:innen in einem Team unterschiedliche Wege in Sachen\\nNotationen und Eigenschaftenwahl gehen. Fifty Shades of Grey ist mit TailwindCSS\\nnicht zu machen. Au\\xdferdem ist Tailwind im Production-Build unschlagbar klein und\\nvor allem w\\xe4chst es nicht mit zunehmendem Projekt- und Komponentenumfang. Klein\\nbleibt klein, und damit schnell! Und zu guter Letzt ist es auch sehr angenehm,\\nbeim Komponentenbauen einfach in seinem HTML bleiben zu k\\xf6nnen, ohne zum Stylen\\nst\\xe4ndig den Kontext hin zu CSS wechseln zu m\\xfcssen.\\n\\nMilan hat zu den Vorteilen von, und den Vor*UR*teilen gegen Tailwind aber auch\\nein komplettes Slidedeck am Start.\\n\\nSelbstverst\\xe4ndlich geht es in unserem Gespr\\xe4ch irgendwann tats\\xe4chlich auch um\\ndie Neuerungen, die Version 2 bringt. Im Wesentlichen sind das ein Dark Mode,\\nsinnvoll vorkonfigurierte Zeilenh\\xf6hen, sinnvoll vorkonfigurierte\\nAnimations-Easings und unterlassene Hilfeleistung f\\xfcr den IE 11 (Custom\\nProperties FTW!). Ansonsten gibt es von allem mehr: Mehr Farbabstufungen, mehr\\nGraut\\xf6ne, mehr Breakpoints, mehr Spacing, mehr Schriftgr\\xf6\\xdfen. Wir wissen\\nallerdings nicht, ob das gut ist, oder eher schlecht \\u2013 wegen der Leitplanken und\\nso\\u2026\\n\\nAch so, und TailwindCSS 2.0 d\\xfcrfte das erste Framework mit kinoreifem Trailer\\nsein! ?\\n\\nWeitere Frameworks und Tools aus dem TailwindCSS-Dunstkreis, die spannend und\\nTeil der Folge sind:\\n\\n * Tailwind UI\\n * Headless UI\\n * Windy\\n\\nDie augen\\xf6ffnenste Lekt\\xfcre, die unser Gast mitgebracht hat, ist ein neun Jahre\\nalter Artikel mit dem Titel About HTML semantics and front-end architecture von\\nNicolas Gallagher.\\n\\nEinen super Kniff hingegen zeigt ein Artikel namens Composing the Uncomposable\\nwith CSS Variables von Adam Wathan.'