Flexboxのプロパティを切り替えて表示確認できるサイト「Test CSS Flexbox Rules Live」!

2016/06/13

こんにちは。
今回はFlexboxのプロパティを切り替えて表示確認できるサイト「Test CSS Flexbox Rules Live」!です。

ラジオボタンでFlexboxのプロパティを変更してどうレイアウトが変わるかをテストできるサイトを紹介します。

Flexboxのプロパティを切り替えて表示確認できるサイト「Test CSS Flexbox Rules Live」!

Test CSS Flexbox Rules Live

test-css-flexbox-rules-live

http://flexbox.help/

 

「Test CSS Flexbox Rules Live」の使い方

test-css-flexbox-rules-live2

やり方は簡単で、ラジオボタンでFlexboxのプロパティを切り替えるだけです。
リアルタイムでレイアウトが変更されるので、あれこれ試す事ができますよ。

 

現場のプロが教えるWeb制作の最新常識[アップデート版] (知らないと困るWebの新ルール)
現場のプロが教えるWeb制作の最新常識[アップデート版] (知らないと困るWebの新ルール)

 

いかがでしたか。URLも分かりやすくていいですね。
以上でFlexboxのプロパティを切り替えて表示確認できるサイト「Test CSS Flexbox Rules Live」!でした。

topへ戻る