10

SMACSS 框架引入了一种一致的方式来管理您的 CSS 代码，以便它可重用和可维护，但它更多的是如何组织您的 CSS 的指南，而不是一个实际的框架。如果有任何其他基于其哲学的框架会很好，但我还没有遇到过。

有谁知道任何基于 SMACSS 组织 CSS 代码方法的 CSS 框架？

4

6 回答 6

8

Pure是基于 SMACSS 的较新的 CSS 框架。它似乎与 YUI 项目有关。

从他们的扩展页面...

基于 SMACSS

Pure 被分解为一组响应式模块。从一开始，我们就采用 SMACSS 作为编写 CSS 的约定。对于那些刚接触 SMACSS 的人，你应该快速阅读它，尤其是关于模块规则的部分。

于 2013-05-28T15:30:09.933 回答
3

由于没有答案从媒体上飞下来，我很好奇并环顾四周。

事实证明有很多，我看你已经有一段时间了。

我看到其他人推荐 LESS 或 SASS，我会补充一下 Compass 和 Susy 之类的解决方案。这些只是需要研究的东西，因为它们每个都有固有的组织模式。

但这是我的实际答案。

我在寻找 CSS 框架方面也有类似的努力，这些框架将响应式 Web 设计的最终解决方案组织成最佳实践、命名约定和其他模式。所以这就是我所看到的，一个等效的开放式问题，处于死胡同。

我认为问题可能在于 CSS 组织高度依赖于环境和上下文。所以，也许设计模式是一个好方法。

所以这是我的解决方案，我会在这里提出建议 -> 我真的很喜欢你关于将 css 分为：基础、布局、字体、元素的评论。在某些情况下，这可以使其他人受益。

如果您找不到适合您环境的组织方法，请尝试和设计您需要的东西，然后命名并与世界分享。

这对您是多方面的好处，因为：您学习如何解决您的问题，这对您作为高级开发人员来说很好。

一种方法是在 wordpress 博客、网站示例页面或 github 存储库中共享解决方案。

如果它是真实且有益的，请命名、构建并分享它。只有好事才会发生。

祝你好运！

于 2012-07-07T05:42:06.220 回答
2

我不知道 Bootstrap 是基于SMACSS 的，但是 Jonathan Snook（SMACSS 创始人）有以下说法：

“如果您想知道 SMACSS 的示例实现可能是什么样子？Bootstrap 就是一个完美的示例。”

引导程序中的前缀类

于 2014-07-14T10:51:45.570 回答
1

如果您使用术语 SMACSS 作为OOCSS或Atomic design的同义词，请考虑以下框架：

于 2016-01-14T01:48:29.333 回答
0

SMACSS 是编写 CSS 的约定。所以框架本身是否遵循这个约定并不重要。在使用任何框架时，您都是应该遵循 SMACSS 的人。

例如，有人为愿意将 LESS 与 SMACSS 一起使用的任何人制作了一些带有注释的 .LESS 文件：https ://github.com/growdigital/LESS-SMACSS

于 2013-08-04T08:13:43.580 回答
0

你应该试试Helpers CSS：http ://helpers.araujo.cc/

非常容易学习和理解。

<p text="gray-80 normal center">
 <span text="bold big line-1 red">
    Can you
  </span> feel the
  <span text="underline italic blue semi-bold">
    future
  </span>? HTML6
  <span text="pre white-80 line-1.5" layout="navy few-rounded inline-block">  advantages  </span>
   are expecting for
   <span text="bolder">you</span>!
</p>
于 2016-02-19T13:53:35.347 回答