[B! SMACSS][BEM] mimesisのブックマーク

mimesis id:mimesis

SMACSSとBEMに関するmimesisのブックマーク (3)

feb19
Loading...
mimesis 2017/01/14
OOCSS

CSS

BEM

SMACSS
リンク
CSS設計における3大メソッド[OOCSS][BEM][SMACSS]
こんにちは。マツコです。突然ですが、CSS設計はとても重要なものです。一定のルールがないと、コーダー各々が違う考え方でスタイルづけをして余計なCSSが増えてしまったり、本人でなければ分からないルールが発生してしまい、メンテナンスがしにくくなってしまいます。そのため、以下のことを強く意識してCSS設計を行うことが大切だと言われています。予測しやすい再利用しやすい保守しやすい拡張しやすい今回は上記の目的を達成するヒントとなる、著名なCSS設計手法である「OOCSS」「BEM」「SMACSS」についてお話したいと思います。概要 Object Oriented CSS(オブジェクト指向CSS)の略。オブジェクト指向に基づいて、考案された設計手法です。 Yahoo!のNicole Sulivan氏によって開発され、Twitter（とBootstrap）やGithub、Youtub
mimesis 2017/01/13
CSS

OOCSS

BEM

SMACSS
リンク
cssの設計を考えるにあたり参考にした設計思想
こんにちは、てっちゃんです。みなさんはお花見しましたか？今年は安定した暖かさで例年よりもすごしやすかったなと思いました。そして、私事ですがこの春から花粉症デビューになりそうというお話をいただきまして、毎日マスクが手放せません。いやー、のどのイガイガがたまらなく嫌ですね。今回は、cssの設計について調べたことを書いていこうと思います。弊社でもフロントエンド陣によりある程度のコーディングガイドラインは決まっていますが、記述の細かい仕様までには及んでいません。コンポーネントの作り方なども人によって差異が出てきます。複数人で作業とも慣れば尚更その差異は大きくなります。cssは記述自体はとても簡単でそれゆえに、とてももろくすぐに壊れてしまいます。参考：なんでCSSすぐ死んでしまうんそこで壊れにくcssを設計するためには以下が重要だと言われています。拡張性保守性明瞭性参考：CS
mimesis 2017/01/13
CSS

OOCSS

BEM

SMACSS
リンク
1