【CSS】共通パーツには「BEM」の命名規則を使おう | たねっぱ！

テクノロジーカテゴリーの変更を依頼記事元:

taneppa.net

13users がブックマークコメント

コメント

0

記事へのコメント0件

注目コメント
新着コメント

新着コメントはまだありません。
このエントリーにコメントしてみましょう。

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

【CSS】共通パーツには「BEM」の命名規則を使おう | たねっぱ！

WEBサイトの運用・保守時や大規模サイトの構築時には致命的になりかねないそんなモジュールのスタイルの... WEBサイトの運用・保守時や大規模サイトの構築時には致命的になりかねないそんなモジュールのスタイルのバッティング問題。その解決方法の１つである「BEM」に関して今回はご紹介したいと思います。複数のページに共通して登場するデザイン（以降モジュールと呼びます）のCSSを共通CSSファイルに書いたら、ページ毎のCSSとバッティング（名前が被ること）して困った経験は無いでしょうか？ WEBサイトの運用・保守時や大規模サイトの構築時には致命的になりかねないそんなモジュールのスタイルのバッティング問題。その解決方法の１つである「BEM」に関して今回はご紹介したいと思います。具体的な例を上げて説明モジュール作成例えばこのようなパーツのデザインカンプがあったとします。このデザインは複数のページに登場するため、モジュールとしてHTMLとCSSは以下のように記述したとします。 <div class=

ブックマークしたユーザー

shirokuro_anko2023/09/07
sutara_lumpur2018/08/03
peketamin2017/08/30
hachi092017/02/01
nanashi03012016/12/31
charun2016/09/23
f503kk2016/09/01
mazcango22016/08/21
seapig_dolphin2016/08/05

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

いま人気の記事 - 企業メディア

企業メディアをもっと読む

設定を変更しましたx