Atomic Designの思想で、文系でもわかるCSSフレームワークを作りたい | ブログ | ウェビングスタジオ

2017-06-16追記：Atomic Designをフレームワークに採用すべきでないという結論になりました。悲しい。こちらの記事でもう少し技術的な考察をしています。 Atomic Designの思想でCSSフレームワークを作るのは難しいので代替案を考える 久しぶりにいくつかコーディングの仕事をすることになりそうで、CMSの構築と比較して効率化できていなかった、CSSの設計を見直すことにしました。 最近のCSS設計は、OOCSS・FLOCSS・SMACSSなどがあり、高度かつ多岐に渡ります。ウェブデザイン設計についても、Material Design・Atomic Designなどがあります。 どれも素晴らしい内容なのですが、どうも私の中ではもやもやとしています。 かつてと比較すると、あまりにも理系寄りで難解だと感じるのです。 難解すぎると感じる背景 誤解しないでいただきたいですが、私自身

[karauma]

SCSSファイルの構成はこのような感じ。日本人でもわかりやすいディレクトリ名にしつつコメントでAtomic Designの役割を付記。CSSファイルにすると上から順に大きなパーツになっていくので