タグ

BEMとCSSに関するtacamyのブックマーク (3)

  • GitHub - hiloki/flocss: CSS organization methodology.

    You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

    GitHub - hiloki/flocss: CSS organization methodology.
    tacamy
    tacamy 2014/05/02
    OOCSS+SMACSS+BEM+SuitCSSのいいとこ取りCSS構成案!
  • BEM と接頭辞 | Yomotsu net

    BEM をもとにした名前付けをする際、Block に接頭辞を入れるとより強固になります。接頭辞はバージョンでも、プロジェクト名でも、名前空間として使えるものを何かしら入れておくといいです。例えば、大規模 Web サイトにおける、グローバルヘッダーとよく呼ばれる Block を思い出してみましょう。 すでにある大規模な Web ページをリニューアル、のようなお仕事の際、 すでにあるコンテンツ領域は古いままを維持 ただし、旧コンテンツのうち、有用な一部のページはヘッダーとフッターだけは新しいものにリプレースしたい 手を付けられない一部のページは旧ヘッダーのまま凍結 という用件があるかもしれません。 そういう時、バージョン名が接頭辞として入っていれば… <header class="v1-pageHeader"> と <header class="v2-pageHeader"> は共存できるわけ

    BEM と接頭辞 | Yomotsu net
    tacamy
    tacamy 2013/12/12
    古くからある全貌を把握できない大規模サイトいじるときよさそう。
  • MCSS

    Introduction Multilayer CSS organization methodology is a guideline to structure your CSS. Core methodology principles are based on BEM and OOCSS ideas. MCSS was invented in Odnoklassniki.ru (Top 10 world social network) developers team and is recommended for other developers as core for own documentation and team based methodologies. Despite the fact that this methodology originated in a large pr

    tacamy
    tacamy 2013/11/19
  • 1