ほんっとにはじめてのHTML5とCSS3：（ちょっとメモ）Flexbox をシミュレーションできるサイト2件

（ちょっとメモ）Flexbox をシミュレーションできるサイト2件

最終更新日：2017年11月15日　（初回投稿日：2016年12月15日）

Flexbox は、ただコーディングしていても指定した値がどう働いているのか、最初は何だかよくわかりませんよね。
で、ブラウザ上で Flexbox をシミュレーションできるサイトを見つけましたので、2件ご紹介します。
値を入力すれば即表示します。下記サイトで実際にいじってみたほうがわかりやすいです！

Eiji Kitamuraさん作の CSS Flexbox Please!

Flexbox playground
こちらは、flex-grow や flex-shrink の値を色々変えて、ブラウザのウィンドウサイズを変えてみることでどのように表示が変わるか確認できます。

最後にこの「ほんっとに...」でのFlexbox に関しての記事のリストを載せておきます。

【18-1】Flexbox を使おう！（display:flexでFlexboxを作る）: display: flex で「Flexコンテナ」を作ります。
flex-basis、flex-grow、flex-shrink、justify-contentプロパティを使ってみます。
【18-2】Flexbox内のボックスの配置方法を指定しよう: flex-wrap、flex-directionプロパティを使います。
【18-3】Flexbox内の縦（垂直）方向を揃えよう: align-items、align-self、align-contentプロパティを使います。
【18-4】Flexboxの orderプロパティで表示順を自由に変えよう: orderプロパティを使います。
（ちょっとメモ）Flexbox をシミュレーションできるサイト2件　←今日はコレ: シミュレーションしてみると、わかりやすい！
【18-5】Flexboxの古い仕様とベンダープレフィックスまとめ: Flexboxの各ブラウザの対応やベンダープレフィックスについて。

次回予告

次回こそ、Flexboxの古い仕様やブラウザへの対処などについてまとめます。わりとすぐに（笑）

関連記事

やる気を保つためにランキングに参加しています。
応援してくださるとすっごいやる気を出します！ (笑)

初心者にも使いやすい（と思う）レンタルサーバー

「初心者ですがレンタルサーバーはどこがいい？」というご質問をよくいただきます。
自由にファイルをアップロードできる自分のサーバがあると便利ですよね。ローカル環境じゃなくサーバ上で試してみたい時がありますからね。
私が使っているのは、 スターサーバーや ロリポップ！です。どちらも管理画面がわかりやすく、マニュアルも充実していて、料金も安い。どちらもライトプラン以上で WordPress が使えます。
初心者が始めやすいサーバだと思います。

ちょっと料金は高いけど、さくらのレンタルサーバや、エックスサーバー は、やはり老舗なのでおすすめです。
両方とも高スペックでコスパが良く、老舗でユーザーが多いので、質問する場がたくさんあります。初心者だけど仕事でサーバが欲しい場合は、安心なのではないかと思います。