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的意思是“不需要明确说明或暗示的”。这正是framework的理念。它没有一个单一的CSS类,可以应用于任何有效的HTML5文档。例如,你有一个HTML文档:

这是在Safari中的显示效果:

现在,我添加了tacit.min.css到其中:

这是在同样的Safari浏览器中的样子:

希望你明白了。HTML本身没有任何改变。所有的CSS样式都应用于标准的HTML元素。与许多其他的CSS框架不同,在Tacit中你不需要在HTML文档中提及CSS类。HTML保持干净,只以纯HTML5的方式暴露数据。

HTML文档仍然可读可用,但它没有漂亮的图形组件。Tacit以一种非侵入的方式添加了这个组件。

当然,在许多项目中,Tacit的默认布局功能可能不够用。在大多数情况下,我仍然需要添加自己的CSS类和内联样式。但Tacit给我提供了一个足够的基础。它解决了与响应式表单、表单控件的外观、表格、字体和颜色相关的大部分问题。

Tacit允许我从项目的第一天就专注于功能。而且这些功能立即看起来很吸引人。我尝试过很多其他的框架,包括BootstrapKubePure。它们都没有考虑这个概念。它们都将CSS放在HTML的前面。在所有这些框架中,CSS是网页设计中最重要的元素,而HTML只是辅助。

Tacit采取了一种不同的方法。在Tacit中,HTML是王者,而CSS是一个支持元素,只是让数据看起来更好。

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

sixnines availability badge   GitHub stars