Q

基于SMACSS的CSS框架

2012-07-07 64 views 9 likes

9

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

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

2012-07-07 matsko

+1

+1好问题，我想知道的一样。 – 2012-07-07 04:08:24

A

回答

8

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

从他们extend page ...

基于SMACSS

纯被分成一组响应模块。从一开始，我们采用SMACSS作为编写CSS的惯例。对于那些刚接触SMACSS的人，您应该快速阅读，特别是关于模块规则的章节。

2013-05-28 15:30:09

+1

你先生是国王！谢谢：） – matsko 2013-05-28 19:07:28

3

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

原来有quite a few,and I see you have been at this for a while now。

I see others recommended LESS or SASS，我会补充说有像Compass和Susy这样的解决方案。这些都是简单的事情，因为它们都有固有的组织模式。

但这是我的实际答案。

我在寻找将响应式Web设计的结果解决方案组织成最佳实践，命名约定和其他模式的CSS框架方面也有类似的努力。 So here is what I was looking at，有一个平等的开放式问题，处于死胡同。

我认为可能问题可能在于CSS组织高度依赖于环境和上下文。 So, maybe design patterns is a good approach。

所以这里是我的解决方案，我会在这里建议 - >我真的很喜欢你的分离CSS的基础，布局，字体，元素的意见。这在某些情况下可以使其他人受益。

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

这是你乘有益的，因为：您将学习如何解决你的问题，它显示了很好地为您作为一种先进的开发者。

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

如果它是真正的和有益的，命名它，建立它并分享它。只有好的东西才能达到这个目的。

祝你好运！

2012-07-07 05:42:06

0

SMACSS是编写CSS的惯例。所以如果他们遵循这个惯例，框架本身并不重要。您是使用ANY框架时应遵循SMACSS的人。

例如，有人提出了一些.LESS文件与任何人谁愿意与SMACSS少用注释：https://github.com/growdigital/LESS-SMACSS

2013-08-04 08:13:43 Unicornist

2

我不知道，引导是SMACSS 基于，但乔纳森·斯努克（SMACSS创始人）有如下说：

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

Prefixed classes in bootstrap

2014-07-14 10:51:45 ptim

1

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

2016-01-14 01:48:29

0

你应该尝试助手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-19 13:53:35

相关问题