Q

基於SMACSS的CSS框架

2012-07-07 63 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

相關問題