smacssの検索結果1 - 2 件 / 2件

• あとで読む

  悩まないコーディングをしよう！ OOCSS,SMACSSを用いた、読みやすくてメンテナブルなCSS設計（Sass対応）

  • 144 users
  • www.slideshare.net/horiguchiseito
  • テクノロジー
  • 2014/09/09

  悩まないコーディングをしよう！ OOCSS,SMACSSを用いた、読みやすくてメンテナブルなCSS設計（Sass対応）

  • css
  • oocss
  • smacss
  • CSS設計
  • スタイルガイド
  • コーディング
  • bem
  • 設計
  • slide
  • architecture

  
• あとで読む

  SMACSS 読んだ - CHROMA

  • 126 users
  • chroma.hatenablog.com
  • テクノロジー
  • 2013/07/22

  Scalable and Modular Architecture for CSS (日本語) を読んだのでそのメモです。 CSSルールのカテゴライズ カテゴライズを行い、それに準じた命名をセレクタに付ける。 ベース レイアウト モジュール 状態（ステート） テーマ レイアウトには1つ以上のモジュールを保持する必要がある。 モジュールは最利用可能なパーツとする。 命名規則 レイアウト、状態（ステート）、モジュールにはプリフィックスを使用する。 レイアウトのスタイルにはlayout-を付ける。または、ドキュメントなどでコーディング規約をまとめてあるなら省略してl-と付けても良い。 状態（ステート）にはis-を付ける。 モジュールは作成される数が多いので、モジュールごとにプリフィックスを付ける。 /* Example */ .comment { } .comment-user { } ベースル

  • smacss
  • css
  • ガイドライン
  • コーディング
  • CSS設計
  • 構造
  • レイアウト
  • design
  • guideline
  • Architecture