不久前,我 链接 了 Water.css,它是一种有趣的 CSS 框架。它没有使用类。没有 <h2 class="is-title">
。你只需要使用语义化的 HTML 就可以获得样式。这是否可以“扩展”到很远?可能不行,但它确实非常方便于快速设置样式,当然,你正在编写语义化的 HTML,但不必过分关注外观,只需要它在付出较少努力的情况下尽可能地看起来体面即可。
本周我看到 MVP.css 流传开来。思路相同。还有很多其他的框架!
- Water.css
- MVP.css
- AttriCSS
- awsm.css
- Bahunya
- holiday.css
- Markdown CSS
- Marx
- Sakura
- style.css
- Stylize.css
- Tufte CSS
- Tacit
- Writ
- new.css
- bullframe.css
即使 Foundation 作为一个庞大的框架,也做了一些相当不错的无类™操作。
某种程度上相关…网页正确打印怎么办?使用 Gutenberg(不是 WordPress 的)
https://github.com/BafS/Gutenberg
多年来,它对我个人来说非常有用 :)
这是一个展示许多这些最小 CSS 框架的优秀网站。不过,我不得不说,这并不是一个完全公平的比较,因为有些框架具有没有展示或不适用于该网站的特殊功能。
https://dohliam.github.io/dropin-minimal-css/
我年纪大了,我记得我们最初开始使用 CSS 的原因……将结构/内容与样式分离。大型框架似乎忘记了这一点,也可能使用了旧的 HTML 样式(如果你还记得的话)。重点是**不必**为了更改样式而更改 HTML。我无法理解完全无类的必要性,仅仅是为了证明一个观点,但就像扁平文件 CMS 提醒了我们什么最重要一样,这些最小的 CSS 样板提醒了我们,如果对 CSS 有信心,那么数百万个堆叠类实际上并非必要或更容易理解。
这是另一个查找(和预览)无类 CSS 框架的好资源
https://www.cssbed.com/
这很有趣。结合 Web Components,这可能是简单网站的真正解决方案。但我觉得人们正在远离类。每个人都厌倦了类!
实际上,我有一段时间更喜欢无类,尤其是在简单的网站/网络应用程序中,以及作为“重置”的替代方案(如果你要重置所有内容,你也可以赋予它所需的默认样式)。对于简单的设计,有足够的语义 HTML 元素可以处理大多数情况。然后,当这些语义元素不足时添加类。
也许是因为,像 Maak Bow 一样,我年纪大了,还记得早期的时候。
开始了类似类型的框架。
这可能是一个非常好的主意,但需要一种方法可以在页面部分禁用它,也许可以使用 .disabled-styles 类
主要用例是防止 CMS 内容的样式化。
看看 https://jgthms.com/wysiwyg.css/,由 Jeremy Thomas 创建,一个痴迷于 CSS 的家伙,这是我见过的最酷的一个。
这是另一个
Basic.css https://vladocar.github.io/Basic.css/
Bamboo CSS 也是一个很棒的无类库:https://github.com/rilwis/bamboo