Tacit, a CSS Framework Without Classes

The following text is a partial translation of the original English article, performed by ChatGPT (gpt-3.5-turbo) and this Jekyll plugin:

Я использовал Bootstrap в нескольких проектах уже более двух лет, и мое разочарование только нарастало. Во-первых, он слишком массивен для небольшого веб-приложения. Во-вторых, он не полностью самодостаточен; несмотря на то, насколько вы следуете его принципам дизайна, у вас все равно остаются свои собственные стили CSS. В-третьих, и самое главное, его внутренний дизайн хаотичен. Имея все это в виду, я создал tacit, свой собственный CSS-фреймворк, который сразу получил положительную обратную связь на Hacker News.

Tacit, согласно Google, означает “понятный или подразумеваемый без явного упоминания”. Именно такая идея лежит в основе фреймворка. В нем нет ни одного CSS-класса и он может быть применен к любому действительному HTML5-документу. Например, у вас есть HTML-документ:

Вот так это выглядит в Safari:

Теперь я добавляю к нему tacit.min.css:

Вот так это выглядит в одном и том же браузере Safari:

Я надеюсь, вы поняли идею. Сам HTML не изменился. Все CSS-стили применяются к стандартным HTML-элементам. В отличие от многих других CSS-фреймворков, в Tacit вам не нужно упоминать CSS-классы в HTML-документе. HTML остается чистым и представляет данные в чистом HTML5.

HTML-документ по-прежнему читабелен и используем, но у него нет красивой графической составляющей. Tacit добавляет эту составляющую ненавязчивым образом.

Конечно, во многих проектах стандартные функции макета Tacit могут быть недостаточными. В большинстве случаев мне все равно приходится добавлять свои собственные CSS-классы и встроенные стили. Но Tacit дает мне адекватное основание для начала работы. Он решает большинство проблем, связанных с адаптивностью форм, внешним видом элементов формы, таблиц, шрифтов и цветов.

Tacit позволяет мне с первого дня работы сосредоточиться на функциональности. И функциональность сразу выглядит привлекательно. Я пробовал множество других фреймворков, включая Bootstrap, Kube и Pure. Ни один из них не разработан с этой концепцией в виду. Во всех них CSS стоит перед HTML. Во всех они CSS является самым важным элементом веб-дизайна, в то время как HTML является чем-то, что помогает.

Tacit идет другим путем. В Tacit HTML — король, а CSS — вспомогательный элемент, который только улучшает внешний вид данных.

Translated by ChatGPT gpt-3.5-turbo/42 on 2023-12-27 at 05:19

sixnines availability badge   GitHub stars