更新 2017年6月16日作成 2017年6月15日

「Atomic Designの思想で、文系でもわかるCSSフレームワークを作りたい」に識者たちの鋭すぎる突っ込みが入る

CSS設計についてよく理解していない英語が弱いうぇびんさんがボコボコにされたログ。勉強になれば幸いです_(:3」∠)_

プログラミングサイト制作 FLOCSS CSS デザインセルフまとめフレームワーク

webbingstudio
9780
1
16
5
32

うぇびん(holyKurka) @webbingstudio

プロジェクトのディレクトリ構成を検討した結果こうなった。Atomic Designの考え方を採用しつつ、そういうのわからない人にも探しやすいディレクトリ構成を考えてみました pic.twitter.com/hUo45EcREA

2017-06-13 19:38:05

拡大

リンク Brad Frost Atomic Design Hey there! I wrote a book called Atomic Design that dives into this topic in more detail, which you can buy in paperback and/or ebook formats. We’re not designing pages, we’re designing systems of components.—Stephen Hay As the craft of Web design conti 51 users 771

うぇびん(holyKurka) @webbingstudio

base > modules（原子） > components（分子） > parts（有機体） > layout > utility の順で上書きしていくイメージ

2017-06-13 19:39:49

うぇびん(holyKurka) @webbingstudio

ブログ更新 :D かなり久しぶりに、CSSコーディングの話です。CSSフレームワークをちゃんと作ろうと、構成からの見直しをしています。 webbingstudio.com/weblog/webdesi…

2017-06-13 21:31:42

識者たちから突っ込みが入り始める

『Every Layout』発売中 / 全部入りHTML太郎 @_yuheiy

この前提でatomic designに則るのがわかりやすいと思わない…

2017-06-13 21:47:48

『Every Layout』発売中 / 全部入りHTML太郎 @_yuheiy

atomic designって、カンプ渡されてはいコーディングみたいな場面で役立つの

2017-06-13 21:54:28

『Every Layout』発売中 / 全部入りHTML太郎 @_yuheiy

割り切ったざっくり感ってすごい大事だと思ってるんだけど、atomic designはその肌感が難しいという印象がある

2017-06-13 21:56:34

フジタ＠ひとり二次会を絶対にやめられない女 @junko_fujita

いやむしろobjectとかクッソ文系の言葉では…＞【Webdesign】Atomic Designの思想で、文系でもわかるCSSフレームワークを作りたい | ウェビンブログ webbingstudio.com/weblog/webdesi… @webbingstudioさんから

2017-06-13 21:58:21

くぼしょー @kubosho_

atomicdesign.bradfrost.com/chapter-2/ のWhat’s in a name?を読んでほしい // 【Webdesign】Atomic Designの思想で、文系でもわかるCSSフレームワークを作りたい | ウェビンブログ webbingstudio.com/weblog/webdesi…

2017-06-13 22:16:58

くぼしょー @kubosho_

とはいえ、Atomic Designはコンポーネントの分類において、チームの理解を助けるための言葉なので、modulesとかcomponentsという名前でもチームメンバーが分かればいいのかもしれない

2017-06-13 22:30:34