【CSS設計】拡張や修正に強いコンポーネントをマークアップする6つのテクニック | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作

こんにちは！LIGフィリピン支社代表のせいと(@seito_horiguchi)です。 皆様、CSS書いてますでしょうか。 今回はSMACSSやBEMをある程度ご存知の方向けに、コンポーネントをマークアップする際に役立つテクニックと題して、「SMACSSを使う際に役立つテクニック」「BEMを使う際に役立つテクニック」「さまざまなシーンで役立つテクニック」をご紹介したいと思います。 なお、SMACSSやBEMをご存知ない方は、本記事の参考文献＆記事のリンクが参考になると思いますので、はじめにこちらをご参照いただければと思います。 ※「コンポーネント」という言葉は、使われるシーンによってさまざまな意味になりえますが、本記事においては「Webページを構成するパーツ」と定義させていただきます。 SMACSSを使う際に役立つテクニック編 まずはSMACSSを使う際に役立つテクニックからご紹介します。

[the_zombis]

　よさげな記事

[kkeisuke]

SMACSS BEM

[yusk_y]

【CSS設計】拡張や修正に強いコンポーネントをマークアップする6のテクニック | 株式会社LIG

[dikn]

class="mgt-20 mgr-10 mgb-20 mgl-10"の悪夢

[minonet]

【CSS設計】拡張や修正に強いコンポーネントをマークアップする6のテクニック こんにちは！　フロントエンドエンジニアのせいとです。 皆様、CSS書いてますでしょうか。 今回はSMACSSやBEMをある程度ご存知の方向けに、コ

[glat_design]

記事として面白い切り口でいいなーと思った /