クラスレスCSS
最近よく耳にするようになってきましたクラスレスCSS。
使う使わないは別として、私個人的に素敵だと思っています。なぜならHTMLの文法に則って装飾するからです。
CSS主体でコーディングしているとCSSで見た目があっていればHTMLはどうでもいい(極端な話として)感じがしてならないので、このクラスレスの考え方は賛成です。
例)従来のCSS
<h1 class=”title-1″>・・・
<button class=”btn”>・・・
とはいえ、デザイン上単一HTMLで装飾するのは難しいという実感もあります。
例えばレイアウトです。
クラスがない(つけない)ので、HTMLに対して1パターンしか装飾できません。
これだと複雑なレイアウトだと難しいです。(単純なものならOK)大規模サイトやデザインに凝ったサイトは難しいと思います。
純粋にクラスレスCSSを使うなら、単純なLPや、デザインにこらないサイトでしょうか?
通常のホームページを制作するには、クラスレスは難しく思いますので、結局クラスは必要だと思っています。
ただ、先にいった考え方は素敵だと思うので、業務的に活かせる部分は取り入れていこうと思います。
参考
new.css
https://newcss.net
Bamboo CSS
https://rilwis.github.io/bamboo/
Bahunya
https://kimeiga.github.io/bahunya/