タグ

2016年9月21日のブックマーク (1件)

  • 進化するレスポンシブWebデザイン 「SGDD」とは何か? (2/2)

    アトミックデザインによるスタイルガイドの基設計 スタイルガイドの書き方にはさまざま方法がありますが、参考になるのが、米国のデザイナーであるブラッド・フロスト氏が提唱する「Atomic Design(アトミックデザイン)」というアプローチです。 http://bradfrostweb.com/blog/post/atomic-web-design/ アトミックデザインでは、スタイルガイドによるCSSの設計を「Atom(アトム)」「Molcules(モルキュール)」「Organism(オルガニズム)」「Template(テンプレート)」「Page(ページ)」という5つのステージに分けて考えます。 Atom(アトム) もっとも小さい粒度 Molcules(モルキュール) アトムが組み合わさってできたモジュール Organism(オルガニズム) 組織-モジュールが合わさったデザイン Templa

    進化するレスポンシブWebデザイン 「SGDD」とは何か? (2/2)