Ich kann wirklich nicht sagen, dass ich ein großer Fan von TailwindCSS bin, denn ich mag es nicht, meinen HTML-Code mit Dutzenden vordefinierter Klassen zu dekorieren, anstatt eine sinnvolle Klasse direkt in meinen eigenen CSS-Code zu implementieren.

Alvaro Montoro zeigt jedoch mit seinem Batman-Comic.CSS-Projekt, wie Sie vordefinierte Klassen auf sinnvolle und sogar urkomische Weise nutzen können, mit dem Sie einen Comic erstellen können, ohne die geringste Ahnung vom Zeichnen zu haben Comics!

Grundstruktur definieren, CSS-Klassen für die verschiedenen Gesichtsausdrücke hinzufügen, Texte für die Sprechblasen hinzufügen ... Fertig. Es ist so unglaublich cool und ich denke, ich werde es häufig in meinen Beiträgen verwenden, denn manchmal sagt ein Comic mehr als tausend Worte.

Hier ist ein Klassiker ... bestehend aus 10 HTML-Tags und einer verlinkten CSS-Datei (und einigen kleinen Stilanpassungen ;):

(Nur ein Bild hier auf dev.to)

Siehe den Originalbeitrag auf kiko.io: Batman Comics mit reinem CSS