Flexboxで決まり！ | Webクリエイターボックス

これからのCSSレイアウトはFlexboxで決まり！FlexboxとはFlexible Box Layout Moduleのことで、その名の通りフレキシブルで簡単にレイアウトが組めちゃう素敵ボックスです。前々からあった技術ですが、ブラウザーによって書き方が違ったり、仕様がころころ変わったりと、イマイチ一歩踏み出せない感があったFlexbox。しかしようやくモダンブラウザーでの利用に難がなくなり、実務にも充分使えるようになりました。今回はそんなFlexboxの魅力と使いドコロを、デモ付きで紹介していこうと思います！ 対応ブラウザーCan I use…で紹介されているように、現行のモダンブラウザーでは問題なく利用できます。ただし、Safari 用に -webkit- のベンダープレフィックスが必要です。IE については 11 から正式に対応。IE10 にも対応していますが、書き方が少し変わって

[otchy210]

色んな煩わしさに対する回答の一つとして CSS フレームワークが産まれて、それを踏まえての Flexbox なんだろうな。Web の技術は実装が先で仕様化が後っていうやつの、これも一つの類型なのだろう。

[fatpapa]

よさげ。IE9以前でどう見えるか・どう対処できるか・無視できるか、によるかな。コンシューマサイトならいいと思うが企業向けだとな。

[kijtra]

対応してないのはIE9だけじゃないけど、総合すると20%くらいは未対応な気も。

[hint_life]

flexbox　2015年2月24日

[zuboraca]

Flexbox　レイアウト

[real1223]

css, tips, 困ったとき, 知識

[hemispherwhistle]

Flexbox css webデザイン

[kurocraft7522]

自分用のカスタマイズ

[koogawa]

2年遅れで読んでる

[kiyokichi]

floatを使用しないボックスなどの横並び、flexとかについてのざっくりとした使い方

[nknkt]

display:flex;

[shin_kamishiro]

さすがMana( @chibimana)さん♪助かります:) #CSS3

[fun9yboy]

“ムだけ文章が多くてなんだか不格好。という事で、”

[ichan128]

“Can I use…”

[thangnvbkhn]

flexbox

[kouna426]

べんりすぎる

[baba_jdl]

][bootstrap]

[yomikodesign]

ほげえええ超便利だほげええええええええ

[yayocan]

レスポンシブ　実践済み

[ricopinx]

レスポンシブ対応も簡単！

[ryota-murakami]

すごく分かりやすい

[SHOSASA3]

css横並びレイアウト

[murcotto]

“CSSを一行プラスするだけで横並びにできる！ 横並びになった要素の高さが最初から揃ってる！ 要素を上下左右、好きな順序に並び替えられる！ スペースの操作も自由自在！ 高さの異なる横並びの要素を、簡単に上下中

[eriko315]

凄い便利そう

[minetty99]

“flex-grow”

[teru-7]

flex

[rouxril]

display: flex;

[gabill]

これ使おう。

[hiddy216]

これは激楽になる。毎回ググってる気がする・・

[efcl]

CSS Flexboxについての解説。レスポンシブデザインについて

[cliphit]

はぁー、これは助かる

[glat_design]

そろそろ使ってみようかなー /