タグ

考え方とCSSに関するvent0819のブックマーク (1)

  • BEMの考え方を基にしたHTML / CSSのid・classの命名規則 - Qiita

    概要 id・classの命名規則についてはGoogleのガイドラインや、BEMがあることで、ある程度指標ができておりますが、仕事で使うガイドラインを制作するにあたって、どのような形が望ましいのか、考えなおそうと思い、色々情報を集めていました。 BEMの考え方が個人的に良かったので、採用しようと思ったのですが、BEMは少し冗長になりがちなので、個人的にはそこを改善したいのと、無駄になりそうな要素はなるべく減らして行きたかったので、BEMの考え方を基に少しカスタマイズして、命名規則を思案しました。 記事も揃っておりますので、ここには特筆はしません。 簡単な説明のみとさせていただきます。 BEMとは? 「Block」「Element」「Modifier」の頭文字。BEM(ベム)と呼びます。 Block / 構成のルートとなる親要素。 Element / Blockに付随する子要素。 Modifi

    BEMの考え方を基にしたHTML / CSSのid・classの命名規則 - Qiita
  • 1