BEMで命名する時に役に立ちそうな単語
BEM Advent Calendar 2013の10日目の記事です。 ちょっとBEMツールのことは1日お休み。明日やろう明日。 BEMツールの Full stack quick startをやってた軌跡は以下です。 サンプルプロジェクトを使ってみる：BEMツールに触れてみる（1）ブロックライブラリを使ってみる：BEMツールに触れてみる（2）ブロックを作ってみる：BEMツールに触れてみる（3）ということで、今回はBEMで命名する時に役立ちそうな単語を書き出して見ようと思います。 役立ちそうな単語一覧あくまで名付けるときの参考になったらいいな、程度で書いてます。 ※…..で頭合わせしてるのはinuit.cssがやってたからっていうそれだけ。 色々組み合わせて使いそうなものhero とかお洒落っぽいので使う。大きさ順序は hero > main > sub くらいのイメージ。 hero....
おれおれCSS設計・コーディングガイド2015冬の陣 - Qiita
はじめに 以前、以下のような記事を投稿しました。 おれおれcss設計・構成案 記事を書いてから1年、基本的な考え方は変わっていませんが、実際のプロジェクトでの採用にあたり構成はちょこちょこと試行錯誤をしてきました。 そこで改めて、現在私がCSSを設計する際の考え方・コーディングルールを整理してみました。個人的に採用しているものなので、使えるかどうかは分かりませんが、何かの役に立つこともあるだろうと思い投稿してみます。 構成の設計・コーディングルールの作成にあたっての考え方 根底にあるもの Keep it simple Don’t repeat yourself 独自のもの コーディングルールも含め、共通ルールは最低限の必須事項のみにとどめる その他は任意事項として個人の裁量に任せる（=ある程度の知識・スキルを要求してしまう） 必須事項の判断基準 そもそも動作に必要なもの 守らないと間違いな
BEMを参考にしたCSS設計 - Qiita
現時点でBEMによるCSS設計はベターだと思う。でもベストではない。 なにがベストに思わせないのかと言えば冗長的な命名方法。これだけ。 アンスコやらスラッシュが2連続くところが嫌すぎて困る。 というわけで。 BEMの命名方法をカスタマイズしてみる。 BEMの基本設計 BEMとは Block ⇒ 塊 Element ⇒ 要素 Modifier(keyとvalueで表す) ⇒ 状態（変化） の事を言う。 BEM（ベム）と呼ぶようだが、某妖怪人間ではない。 参考：知っておきたいHTMLテンプレート設計法 - OOCSSの基本 | CodeGrid BEMのお約束 BlockとElementの区切りはアンスコ2個（__） BlockまたはElementとModifierの区切りはハイフン2個（--） ModifierのKeyとValueの区切りはアンスコ1個(_) BlockやElementを2つ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
BEM Advent Calendar 2013 - Adventar
Summary of http://csswizardry.com/2013/01/mindbemding-getting-your-head-round-bem-syntax/ エッセンスだけ訳。翻訳の正しさは微妙。