私は、この質問は殴り殺されている可能性が高く、何よりも個人的な好みの問題であることを認識していますが、誰か提案があるかどうかを知りたいと思っていました.
コードを再利用しないというひどい癖があります。(おそらく、「開発」フォルダーである継続的に成長する迷路で収集したスニペットを常に失うことになるように見えるという事実が原因です)そうは言っても、私は数か月前に新しいプロジェクトに取りかかる際に、生活を楽にするために使用できる既存の CSS フレームワーク。私は今それらのいくつかを試してみましたが、いくつかの素晴らしいものを見つけましたが、探しているものに完全に適合するものはありません.
重要な順に、ここに私が見つけたいと思っているものがあります:
柔軟性- 私はあまりにも不安定で、単一の設計/開発パターンに長く従うことができません。そうは言っても、使用しているフレームワークのさまざまなルールをオーバーライドするためにほとんどの時間を費やす必要がなければ、それを好むでしょう。もちろん、使用するフレームワークに関係なく、時々これを行う必要があることは理解していますが、必要が少ないほど良いです。
軽量- プロジェクト全体のベースとなるフレームワークを探しているわけではありません。ヘルパー クラスのコレクションと、おそらく Internet Explorer などに健全性をもたらすためのいくつかのユーティリティ ルールを探しています。基本的に、生活を楽にする何かを探しています。
ブラウザ間の互換性- フレームワークが現在の標準に準拠していなくても、使用するどのブラウザでも比較的同じように見える限り、それほど気にすることはありません。残念ながら、まだ Internet Explorer 7 を使用しているクライアントがいて、対応しなければなりません。ただし、現時点では、Internet Explorer 6 との互換性が維持されているかどうかはあまり気にしません。
モジュラー- 契約を破るわけではありませんが、軽量でありながら、設計へのモジュラー アプローチを管理するフレームワークを見つけたいと考えていました。つまり、すべて「目的」に基づいた多数のスタイルシートです。たとえば、タスクのルールを保持しながら、フォームを処理するために一般的に使用されるすべてのクラス (.error、.info、.alert、.text、.required など) を forms/forms.css というフォルダー/スタイルシートに収集します。別のファイル/フォルダーにレイアウトするなど。私はYAMLがこれを行う方法が本当に気に入りました。残念ながら、YAML には、私が使用していない余分なものが多すぎて、おそらくしばらくは必要ないでしょう。(正直なところ、他のフレームワークが見つからない場合は、YAML で使用していないものを削減するだけで何ができるかがわかります。
コンテンツに関する限り、私は本当に必要最小限の、一般的に使用されるものを探しています。次のようなもの:
.text-center { text-align: left; }
.text-right { text-align: right; }
.centered { margin-left: auto; margin-right: auto; }
.left { float: left; display: block; }
.right { float: right; display: block; }
そしてもちろん、通常の clearfix のもの。丸みを帯びた角や影などを扱うクラスもいいでしょう。
アクセシビリティ、rtl サポート、microformats などについては、現時点ではあまり気にしていません。このフレームワークは主にクライアントとのやり取りに使用する予定であり、これまでのところ必要性に出くわしたことがないからです。
最後に、私は何よりもまず開発者です (たまたま、最近、自分が慣れているよりも多くの設計作業を行う必要があるものがたくさんあります)。クライアント側またはサーバー側のいずれかで動的にマークアップするため、フレームワークのマークアップが単純であるほど優れています。