search

pandanoir / gakushu

technical topics that I wanna know
0 stars 0 forks source link

Tailwind CSS #15

Closed pandanoir closed 4 years ago

pandanoir commented 4 years ago

https://yuheiy.hatenablog.com/entry/2020/05/25/021342

ずっと思ってた、「インラインスタイルと何が違うんだ？」という問題に対する答えを含んでいる。要するに

制約のあるinline styleは便利だよねということらしい。それ以外にも書いてるけど個人的には一番ここがオモシロイと思った。

正直関心の分離あたりの話はまだ理解しきれていないので使いながら理解するか。

pandanoir commented 4 years ago

セレクタを使用していないから他の範囲への意図しない影響が起きないのもポイントかも。インラインスタイリングにうまく制約をもたせて管理しやすくしているあたりが利点か。

pandanoir commented 4 years ago

うーん、わりと微妙な点もちらほら。

アニメーションとかと相性が悪い。Tailwind CSSは制約でやろうとしているけど、アニメーションと制約は結構相反することが多い。

あとグリッドを前提に敷いている感覚(Atomic designが基本にあるっぽいのでそりゃそう)があるから、ランディングページとかグリッドに縛られないデザインのページとも相性が悪い。

逆に言えばグリッドレイアウトのあまり動きがないサイトとはいい感じにできそう。コンポーネントにも制約を設けることは結構有用な感じがする。