css - CSSフレームワークの推奨事項

Question

私がCSSフレームワークと言うとき、私はリセットやグリッドを意味するのではありません。xCSS、csscaffold、compassなどのフレームワークを意味します。

私はCSSを数年間やっていますが、フレームワークにあまり触れていません。誰かが彼らと一緒に働いた経験がありますか？いくつかの潜在的な欠点は何ですか？どのフレームワークが人気/推奨されていますか？

ありがとう。

Answer 1

私が知っている最もクールなCSSフレームワークはLESSです。これにより、CSSのような構文を使用して、変数、継承、算術演算、およびその他のクールさを追加できます。また、ビルドステップまたはサーバープラグインを使用して、通常のCSSに「コンパイル」されます。

CからC++と同様に、LESSの構文はCSSと下位互換性があるため、まったく新しい言語を学習することなく、すべての.CSSファイルの名前を.LESSに変更し、LESS機能の追加を開始できます。

以下のコメントにあるように、RailsとPHPは、サーバープラグインを介してすでにLESSをサポートしています。ベータ版にはASP.NETポートもあります。どうやらDjangoのサポートもあります。そしてColdFusion。等々...

LESSを（CSSファイルを吐き出すRuby実行可能ファイルとして）使用するのは、ビルドプロセスの一部として.LESSファイルを.CSSにコンパイルするために実行するのと同じくらい簡単であることに注意してください。もちろん、LESSコンパイラをそのプラットフォームの自然なコードに移植したプラグインの1つを使用している場合を除き、ビルドマシンはRubyを実行できる必要があります。

xCSSはLESSと同様の機能を提供することに注意してください。ただし、xCSSについては聞いたことがありません。AFAIK LESSの方が人気がありますが、人気が急速に変化するため、ここのコミュニティの他の人も参加できます。

Answer 2

CSSは、90年代に最初にサポートされて以来、それほど変わっていません。それは時代遅れであり、その構想以来進化してきたベストプラクティスに従っていません。xCSSのような新しいフレームワークは、CSSのこれらの不足の結果であると私は信じています。

これを念頭に置いて、CSSフレームワークがかなりの量の批判を受けるのは不可解です。フレームワークはツールです！有効なユースケースがないため、実際に主張することはできません。開発者はどうやってそのようなことを知るのでしょうか？

私はxCSSを使用して、オブジェクト指向CSSの概念を適用してきました。まだ初期の段階ですが、とても便利なツールのようです。これは、CSSを学ぶ必要のないサードパーティにCSSへのインターフェイスを提示するのに役立ちます。これは、情報の重複を減らすのに役立ち、CSS属性とクラスを、配布された情報のソフトウェアの腐敗から保護できる形式にグループ化します。

Answer 3

sassを使用する場合は、次のことをお勧めします。

1. コンパスとサス。これは、フロントエンドのワークフローを高速化するのに非常に便利で強力です。

コンパスのURLは次のとおりです：http：//compass-style.org/

1. ブートストラップまたはファンデーションを使用する場合は、less+winlessをお勧めします。

Answer 4

Stylus / AxisCSSは、私が見つけた中で最もクリーンなコンボです。その代わりに、SCSS/コンパス/バーボンのコンボはかなり機能が豊富です。

Answer 5

CSSは、フレームワークの使用を正当化するほど難しくはありません。