morishitterのCSSの書き方（2016年夏） - morishitter blog

今、自分がどうやってCSSを書いているのかについてまとめる。 CSSを書く前にすること 持論だが、「デザインの意図を正確に理解した上で書かれたCSSは破綻しない」と思っている。 しかし、自分ひとりでサービスを作るときような、デザインの決定権を持つ人とUI実装者が同じである場合を除いて、デザインの意図を正確に伝え、理解することは難しい。 僕が1番時間を使うのがこの工程だ。 今の仕事ではデザイナーがSketchファイルを作成し、エンジニアがそれを元に実装する。 Sketchファイルを開き、アートボードをひたすら眺めデザインの矛盾がないかを確認し、「なぜこのようなデザインなのか」を質問しまくる。 ここで良い質問と提案をするためにも、エンジニア側に最低限のデザインに対する知識が必要だと思う。 最近読んだ本だと、「みんなではじめるデザイン批評―目的達成のためのコラボレーション&コミュニケーション改善

[morishitter]

やりました！

[amagitakayosi]

Componentsレイヤーに当たる部分はほぼ一対一対応させられると思うのだけど、甘いんだろうか？ > "ReactコンポーネントとCSSのコンポーネントの粒度は同じにならない"

[idr_zz]

PostCSS もはやCSSはJSで設計する時代へ？学ぶこといっぱいあるなぁ

[okoysm]

これか #devfest16

[sd_ts1017]

これか #devfest16

[field_combat]

今のところPatternsとComponentsが曖昧にしちゃってるな。見直そう

[mallowlabs]

CSS のパターンの話かと思ったら退職エントリだった。

[massa142]

morishitter++

[easy-breezy]

すごく丁寧だ

[berlysia]

ハイコンテキストな近況

[pirosikick]

CSS苦手だから参考になるわ

[thangnvbkhn]

css

[ytsk]

なるほど

[tsuwatch]

おつかれ〜〜

[mzkzzz]

本読みたいこれメモ。

[michiomochi]

componentより高い抽象度を持つpatternを作るの良さそう。

[st_dsk]

:tada: