【新機能】作り忘れたまとめはありませんか?31日前まで期間指定してまとめが作れる高度な検索ができました。有料APIだからツイートの漏れはありません!

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

CSS設計についてよく理解していない英語が弱いうぇびんさんがボコボコにされたログ。勉強になれば幸いです_(:3」∠)_
CSS デザイン FLOCSS セルフまとめ フレームワーク
5607view 1コメント
10
ログインして広告を非表示にする
うぇびんさん @webbingstudio 2017-06-13 19:38:05
プロジェクトのディレクトリ構成を検討した結果こうなった。Atomic Designの考え方を採用しつつ、そういうのわからない人にも探しやすいディレクトリ構成を考えてみました pic.twitter.com/hUo45EcREA
 拡大
 拡大
リンク Brad Frost 771 51 users 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
うぇびんさん @webbingstudio 2017-06-13 19:39:49
base > modules(原子) > components(分子) > parts(有機体) > layout > utility の順で上書きしていくイメージ
うぇびんさん @webbingstudio 2017-06-13 21:31:42
ブログ更新 :D かなり久しぶりに、CSSコーディングの話です。CSSフレームワークをちゃんと作ろうと、構成からの見直しをしています。 webbingstudio.com/weblog/webdesi…
識者たちから突っ込みが入り始める
ゆうへい太郎 @_yuheiy 2017-06-13 21:47:48
この前提でatomic designに則るのがわかりやすいと思わない…
ゆうへい太郎 @_yuheiy 2017-06-13 21:54:28
atomic designって、カンプ渡されてはいコーディングみたいな場面で役立つの
ゆうへい太郎 @_yuheiy 2017-06-13 21:56:34
割り切ったざっくり感ってすごい大事だと思ってるんだけど、atomic designはその肌感が難しいという印象がある
フジタジュンコ @junko_fujita 2017-06-13 21:58:21
いやむしろobjectとかクッソ文系の言葉では…>【Webdesign】Atomic Designの思想で、文系でもわかるCSSフレームワークを作りたい | ウェビンブログ webbingstudio.com/weblog/webdesi… @webbingstudioさんから
./kubo.sh @kubosho_ 2017-06-13 22:16:58
atomicdesign.bradfrost.com/chapter-2/What’s in a name?を読んでほしい // 【Webdesign】Atomic Designの思想で、文系でもわかるCSSフレームワークを作りたい | ウェビンブログ webbingstudio.com/weblog/webdesi…
./kubo.sh @kubosho_ 2017-06-13 22:30:34
とはいえ、Atomic Designはコンポーネントの分類において、チームの理解を助けるための言葉なので、modulesとかcomponentsという名前でもチームメンバーが分かればいいのかもしれない
Kohei Asai @axross_ 2017-06-13 22:32:45
Atomic Design、React Component書く上ではAtomとMoleculeとOrganismのうちどれか1つは要らない、という感覚
Takeshi Takatsudo @Takazudo 2017-06-13 23:01:03
Atomic Design純粋に習ってCSS書いてたらクッソややこしくてすみませんもう勘弁みたいにならないの?って疑問
Takeshi Takatsudo @Takazudo 2017-06-13 23:04:33
Atomic DesignぽくCSSを〜っていうのは、Atomic Designに書いてあるワークフローを確立して初めて成り立つものだと自分には思われた。そうしない限り無限に似たatomに埋め尽くされるであろう感
安田 学 @Gaku0318 2017-06-13 23:16:36
Atomic Designは自社サービスやデザイン性を求められにくいB2Bだといけるのかなと想像してる。 受託では、ベストよりベターを求めたほうがうまくいくだろうなと思う。
安田 学 @Gaku0318 2017-06-13 23:22:20
DrupalがSMACSSを推奨してるのは、静的サイトではなくCMSという枠があるからなのかなと想像してる。 そのテンプレートをスコープにして考えたほうが整理しやすいし、Atomic Designみたいに多くの粒度に分解すると複雑で変更しにくくなるのを避けるためかなと。
うぇびんさん @webbingstudio 2017-06-13 23:31:34
@junko_fujita ( ゚д゚)ハッ! 「英語弱い人」の方が良かったかもwww
Tatsuya🔥Azegami @42EG4M1 2017-06-13 23:38:43
Atomic Designを理解できていない俺はどうすれば…
Yuki Nakane @yuki_naka18 2017-06-13 23:41:36
atomic designなんとなく人類にはまだ早い気がして触ってない
Takeshi Takatsudo @Takazudo 2017-06-13 23:43:28
とりあえずAtomic Designって、自分が読んだ感想としてはUI設計の考え方の話なので、原子分子有機体?それってステキー!CSSに活かそー♪って思って採用しても嬉しさを得られないのではないかなーと思いました
ゆうへい太郎 @_yuheiy 2017-06-14 00:27:23
Atomic designで再利用してるのは見た目なので、コードレベルでもそれに従えるとは限らないとかは思うことある
うぇびんさん @webbingstudio 2017-06-14 02:15:13
昨日書いた記事をもう一度見ていたのだけど、partsとlayoutは統合してもいいかも。しかしmainやsubの中にwidgetが入りさらにsummaryが入りbuttonが入ると考えると四段階いるなあ… webbingstudio.com/weblog/webdesi…
うぇびんさん @webbingstudio 2017-06-14 02:18:14
フジタさんの突っ込みどおりobjectは文系(学のある)人なら一般的な単語なのだけど、partsがobjectに変わると私の中で一気にこのフレームワークの敷居が上がるんだよなあ…
うぇびんさん @webbingstudio 2017-06-14 02:20:15
moduleについては細片だからtipとかbitとかmaterialも考えたのだけどそれも伝わりにくい
うぇびんさん @webbingstudio 2017-06-14 02:21:39
ああもうっ!genshiとかbunshiとかにしたいwww
残りを読む(30)
フォロワー限定公開ならプライベートで楽しめる。 鍵アカのツイもまとめられるよ。

ブックマークしたタグ

あなたの好きなタグをブックマークしておこう!話題のまとめを見逃さなくなります。
ログインして広告を非表示にする
ログインして広告を非表示にする