BEMを使用したCSS設計 | サンプルコードで解説
今回は、BEMを使用したCSS設計について解説します。前回、SMACSSを使用したCSS設計について解説をしました。SMACSSが、CSSの構成全体(ファイル管理、命名、レイアウトやモジュールの分離など)に関する概念で、BEMは、厳格なclass名の命名ルールを定めたものです。SM
CSS
基本的なレイアウト調整ではなく、少し癖のある実装方法を忘備録として記載しています。
記事数
3
SMACSSを使用したCSS設計 | サンプルコードで解説
SMACSSは、CSSを定義する上での規則を、下記の5種類に分類しています。 ベースレイアウトモジュール状態(state)テーマそれぞれの使用方法について、あまり整理ができていない方は一定数いるのではないでしょうか。この記事を読むことで、
【CSS設計】CSSの破綻とは何かを考える
今回の記事では、WEB制作・開発の現場において、注意すべきCSSの破綻について解説をしていきます。CSSの破綻とはCSSの破綻は、細かく例を挙げるとキリがありませんが、 制作現場で特に注意しなければならないCSSの破綻については下記のように思います。 (私がこれまでしてきたCSS記
