mofmof-inc https://blog.hatena.ne.jp/mofmof-inc/ もふもふ技術部 https://www.mof-mof.co.jp/tech-blog/ CSS BEM プロジェクトに導入してみたらCSSに秩序とストレスフリーな環境をもたらしてくれたBEMという設計パターンがとてもよかったので紹介します。 CSS 良いCSSとは何か 予測しやすいこと 再利用しやすいこと 保守しやすいこと 拡張性が高いこと BEM Block Element Modifier 更に良いCSSにするために HTML要素と切り離すこと ファイルの命名規則 Element要素は必ずBlockが存在する場所でのみ使用する BlockをまたいでElement要素を用いない Block要素に直接Modifier要素をつけない Block要素に当てるスタイルは外部に影響のないものに限定する … 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fwww.mof-mof.co.jp%2Ftech-blog%2Fcss-design-pattern-bem" title="バックエンドエンジニアでも良いCSSを書くためのBEMという設計手法 - もふもふ技術部" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/m/mofmof-inc/20240110/20240110162149.png Hatena Blog https://hatena.blog 2020-06-04 12:00:00 rich https://www.mof-mof.co.jp/tech-blog/css-design-pattern-bem 1.0 100%