日本語対応！CSS Flexboxのチートシートを作ったので配布します | Webクリエイターボックス

日本語対応！CSS Flexboxのチートシートを作ったので配布しますFlexboxとはFlexible Box Layout Moduleのことで、その名の通りフレキシブルで簡単にレイアウトが組めちゃう素敵ボックスです。現在ほとんどすべての最新ブラウザーでFlexboxをサポートしており、Flexboxを使ったレイアウト組みが今後のWebデザインのスタンダードとなるでしょう。 Web クリエイターボックスでは以前から Flexbox の使い方について紹介してきたのですが、最近 Flexbox が浸透してきたこともあってか各プロパティの使い方について質問される機会が増えてきたので、チートシートとしてまとめてみました。この記事ではなるべく画像メインでプロパティーの使い方を紹介したいと思います！ 動画で学ぶ CSS Flexbox この記事は YouTube 動画でも解説しています。動画派の方

[yonezoh]

すばらしい。

[Fushihara]

メアド登録必須なのはともかく、業務利用禁止かあ

[hachi09]

ここまで作りこんである無料のものを「個人利用だけ？」って言っている方は自分で作ったらいいのでは…(´・ω・`)とデザイナーは思うのでした

[tokio-k]

css

[sainoue]

“flex-shrink”

[waicode]

Flexboxのチートシートはココを見る。GridもIEが消えてもっと使われるようになるのかな。

[ssetan]

css

[koogawa]

チートシートありがたい！さっそく印刷した

[keitaso-design]

Flex boxのチートシート

[kasssssy]

“align-self: flex-end;”

[nyakapoko]

“子要素をどの方向に配置していくかを指定するプロパティー。横または縦に配置できます。 ”

[hint_life]

回り込み、横並び

[aiza_wai]

以前に別ページをブックマークしてたけど、おしゃれなチートシートがあったのでこちらにブクマし直し。

[raisukin]

親が強いCSS

[inouetakuya]

ありがとうございます x 100

[sachiko-kame]

"Flexbox"

[fighiysk]

“space-between”

[tagucch]

ありがてえ

[pmint]

要素の縦横サイズがバラバラじゃないと、違いが見えない。justify-contentの例はflex-direction方向に長短ある要素じゃないと。

[real1223]

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

[yatmsu]

いいまとめ

[hg_kosuke]

flexboxチートシート

[style_blue]

あら便利。

[tana005]

続きは、子要素に指定するprops

[sisicom]

これはありがたい、flexbox便利なだけにチェックしておきます

[efcl]

Flexboxのチートシート

[harukeki]

“flex-direction:”

[web30_ec]

日本語対応！CSS Flexboxのチートシートを作ったので配布します http://ift.tt/2nl6F7E

[retdaisuke]

わかりやすい

[otchy210]

非常に良い。チートシートとして使わないまでも、このページでの解説がとても分かりやすい。

[Syunpei]

これはありがたいかも