[CSS]Webページのこれからのレイアウトテクニック！FlexboxとCSS Gridは一緒に使用してこそ価値がある

Webページのレイアウト、一昔前まではfloat、最近のプロジェクトではFlexboxが主流だと思います。CSS Gridはどうでしょうか？ CSS Gridは主要なすべてのブラウザにサポートされ、採用を検討している、また既に導入している人も少なくないでしょう。 注意しておきたいのが、CSS GridがあればFlexboxはいらないという考え方です。 これからのレイアウトは、FlexboxとCSS Gridを一緒に使用することで、それらの性能を効果的に利用できます。 Flexbox and Grids, your layout’s best friends by Eva Ferreira 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 FlexboxとCSS Gridは一緒に使用することでパワーを発揮する 神話は崩された Fri

[fujis_a]

“絶滅するのはtableレイアウト”うんうん

[lordkf]

IE11なき世界に備えて、そろそろ身につけよう

[soran_chan]

社内でも話題になってたので後で読む。

[kocb]

自分でサイトを作ってる器用な歯科医師の友人に、これからはflexboxだ！tableちゃうぞ！と連呼したのが懐かしい。

[hasyamo]

css

[nibushibu]

個人的にはFlexboxだけでやりたいことは大抵できちゃう気がするけど、ガターの設定はFlaxboxだとちょっと工夫が必要だし、ホントは使えるならGridもガンガン使いたい（そしてできればIE11がいない世界で使いたい）

[okumuraa1]

これはブックマークさせていただきます

[mani023]

取り敢えずFlexboxから覚えないとなあ。

[lGSw8OZK]

良くわからんが、最近ＷＥＢ画面に閲覧した求人広告が表示されるのが面倒だ。

[montdsichel]

[css][layout][ui][webdesign][grid][Flexbox]

[nohako]

手動かしながらもう一回読む

[yorozuna]

漸くまともに使えるようになってきて便利だなあと思う反面まだ実務でそんなに使えていないので何かでがっつり活用したい。

[aoiasaba]

あとで勉強するorz

[s99e209]

複雑なレイアウトにはCSS Gridを使い、一行のレイアウトにはFlexboxを使い、お互いを補完 することで共存する。