2

最近、CSS コーディングに Compass/Sass を使い始めましたが、うまく機能しています。現在、さまざまなフレームワーク (スケルトン、ファウンデーション、ブートストラップなど) を試してみることを検討しています。Compass の使用経験がある方への質問ですが、新しいフレームワークをインストールすると、既製のクラスを含む独自の css ファイルが含まれます。Compass を使用すると、クラスと変数を変更するために使用する scss ファイルが含まれます。私を混乱させているのは、cssファイルに移動してデフォルトのクラスを変更し、次にscssファイルに戻ってミックスイン、変数などを実行する必要があることです。これは本当に冗長で時間がかかるようです.

簡単にするために、css ファイル内のすべてを切り取って、scss ファイルに貼り付ける必要がありますか? または、Compass で Bootstrap などのフレームワークを使用したい場合に、別の方法を使用する必要がありますか?

ところで、Foundation と Bootstrap をワンクリックでインストールできる compass.app もあります。Susy という別のフレームワークを見つけたところですが、これもかなりクールに見えます。

ありがとう！

4

1 に答える 1

4

拡張子を変更すれば、どの CSS ファイルも有効な scss であるため、これらのファイルの違いにあまり巻き込まれることはありません。Compass は任意のフレームワークで簡単に使用できます。また、多くのフレームワークが Compass に移植されており、統合がさらに改善されています。

一方で、コンパスは、フレームワークがどうあるべきか、どうあるべきかという考えそのものを変えると思います。CSS はフレームワークの抽象化を念頭に置いて構築されていないため、CSS フレームワークの保守と使用は困難です。その結果、肥大化した非セマンティック API が作成され、すべてを実行しようとしますが、途中で手抜きが行われます。あなたはもっとうまくやることができます。

Compass は、小規模で焦点を絞った「プラグイン」の共有を容易にするように構築されています。Susy はそれらのプラグインの 1 つですが、他にもたくさんあります。Susy は Foundation や Bootstrap とは異なり、グリッドのみを処理し、Sass なしでは不可能な方法でグリッドを処理します。これにより、API の可能性に大きな違いが生じます。同じことが他の多くのプラグインにも当てはまります。

Compass プラグインの独自の組み合わせを使用して、自分のニーズに合わせてカスタマイズされたフレームワークを構築しています。あなたも同じようにすることをお勧めします。独自のコードをすべて記述するのではなく、お気に入りのプラグインを見つけて独自のフレームワークを展開してください。私は次のようになります。

いつも：

  • 方位磁針
  • スージー
  • モジュラースケール
  • ブレークポイント

必要に応じて：

  • コンパス-rgbapng
  • アニメーション化
  • solarized (プラグインではありませんが、コピー/貼り付けは簡​​単です)
  • 生意気なボタン
  • もっとたくさん...

迅速な開発のすべての利点を享受できますが、より多くの制御と優れた長期コードが得られます。

于 2012-09-07T05:08:42.500 に答える