気に入った記事をブックマーク
- 気に入った記事を保存できます
保存した記事の一覧は、はてなブックマークで確認・編集ができます
- 記事を読んだ感想やメモを書き残せます
- 非公開でブックマークすることもできます
qiita.com/ryo_cyエントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
0
記事へのコメント0件
- 注目コメント
- 新着コメント
新着コメントはまだありません。
このエントリーにコメントしてみましょう。
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
いまの話題をアプリでチェック！
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
CSS設計手法のBEMをわかりやすく図解してみた - Qiita
Ateam cyma Advent Calendar 2019、22日目です！ 本日は株式会社エイチームでcymaのデザイナーをしてい... Ateam cyma Advent Calendar 2019、22日目です！ 本日は株式会社エイチームでcymaのデザイナーをしている @ryo_cy が担当します。 今回はBEMというCSSの命名規則について、画像を使いながらわかりやすく説明していこうと思います！ BEMとは？ BEMとはBlock、Element、Modifierという3つの要素の頭文字を取ったものになります。 命名の書き方はblock__element--modifierとblockを先頭に記述します。 いきなりBlock、Element、Modifierと言われても何かよくわからないので、簡単に図にまとめてみました。 オレンジ色の枠で囲んでいる塊がBlock。 緑色の枠で囲んでいる要素がElement。 紫色で囲んでいる装飾部分がModifier。 以下の図を参考にしてBlock、Element、Modifier
www.tokyo-sports.co.jp
note.com/exaray
anond.hatelabo.jp
posfie.com
zenn.dev/harumikun
blog.tinect.jp
posfie.com
speakerdeck.com/brainpadpr
www.gizmodo.jp
speakerdeck.com/ytr0903
zenn.dev/turing_motors
codezine.jp
www.jiji.com
blog.yugui.jp
foneslife.com
foneslife.com
levtech.jp
engineers.ntt.com
