SMACSS（スマックス）について自分なりのまとめ
SMACSSとは、Scalable and Modular Architecture for CSSを略語して「スマックス」と読みます。 CSSには命名規則について悩んだりしますが、その対策のためOOCSSやBEMといったルール作りが定番でした。そのOOCSSやBEMをいいところを交えてできた新しいルールがSMACSSです。「ベース」・「レイアウト」・「モジュール」・「ステート」・「テーマ」の５つのカテゴリーに分けます。 ちなみに私はこの２つのサイトを読ませて頂きました。 SMACSSによるCSSの設計 – ベースとレイアウト | CodeGrid SMACSS 読んだ – CHROMA レイアウトルール 「ベース」 ようするにbody部分、Reset.cssやNomalize.cssで対応は十分です。 「レイアウト」 ヘッダー、フッター、サイド、ナビメニュー、コンテンツとして大きく分類さ
知っておきたいCSS設計法 | 第7回 SMACSSのルール 1
Web制作会社、フリーランスを経て、株式会社ピクセルグリッドに入社。数多くのWebサイト、WebアプリケーションのHTML、CSS、JavaScript実装に携わってきた。受託案件を中心にフロント周りの実装、設計、テクニカルディレクションを行う。スケーラビリティを考慮したHTMLテンプレート設計・実装、JavaScriptを使った込み入ったUIの設計・実装を得意分野とする。 著書に『改訂版 Webデザイナーのための jQuery入門』（技術評論社、2014年11月14日）がある。 CSS Nite 2011ベストセッションにおいて、全170セッションの中から、ベスト10セッションに、CSS Nite 2013ベストセッションでは、全278セッション中、ベスト20セッションに選出。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
