最近、Susy ( http://susy.oddbird.net/ )、Foundation ( http://foundation.zurb.com/ )、セマンティック グリッド システム ( http:/ /semantic.gs/ )。
それらはすべて、html クラスを指定する代わりに、グリッド mixin を「含める」というこのオプションを共有します。
.some-div{
@include grid-column(4);
}
これは良いセマンティックアプローチのように思えますが、css の重み、css ロジック、およびセマンティックであるだけで本当に価値があるかどうかについて疑問に思っていました。
mixin グリッドと html クラスを使用することの長所と短所は何ですか?
セマンティック グリッドの支持者の中には、複雑なアプリケーションを作成したことがない人がいると感じることがよくあります。答えは、いつものように、ことわざの「依存」です。
それはあなたのスタイル、チーム、アプリケーションによって異なります。モジュラー設計を必要とする一部のプロジェクトでは、セマンティックであるため、余分なコードと労力が必要で、利益はほとんどありませんでした。他の、より単純なものでは、問題ありませんでした。Google が使用する CSS を見てみましょう。誰もが Google サイズであるとは限りませんが、それは私の「依存」ポイントを示しています。
HTML 5 の出現によりsection、 、header、などのタグに関するこれらの問題の一部が解決されarticleました。私はそれらを意味的に使用する傾向があります。しかし、私の CSS クラス名は、具体的な内容ではなく、デザインの抽象的な区分を表す傾向があります。
明確な答えはありませんが、このようなことを心配して時間を無駄にしないように注意してください。申請が遅れたり、ドアから出られなかったりしても、それはほとんど意味がありません。
あなたとあなたのチームが快適だと思うことをしてください。