Я действительно не могу сказать, что я большой поклонник TailwindCSS, потому что мне не нравится украшать свой HTML десятками предопределенных классов вместо реализации значимого класса непосредственно в моем собственном CSS-коде.

Однако Альваро Монторо показывает, как можно осмысленно и даже весело использовать предопределенные классы, с помощью своего проекта Batman-Comic.CSS, который позволяет создавать комиксы, не имея ни малейшего представления о рисовании. комиксы!

Определите базовую структуру, добавьте классы CSS для различных выражений лица, добавьте тексты для речевых пузырей... Готово. Это невероятно круто, и я думаю, что буду часто использовать это в своих постах, потому что иногда комикс говорит больше, чем тысяча слов.

Вот классический вариант... состоящий из 10 HTML-тегов и связанного CSS-файла (и некоторых небольших корректировок стиля ;):

(Просто картинка на dev.to)

Смотрите исходный пост на kiko.io: Комиксы о Бэтмене на чистом CSS