画面が変われば、作戦も変える。

このサイトは、じぃじが「無料」にこだわって作ったサイトだ。

なぜ無料なのか。

予算がないから……ではない。
無料でどこまでやれるのか、試してみたいからだ。

たぶん。

ホームページを見るのは、パソコンだけではない。

スマホ、タブレット、パソコン。
画面の大きさが変われば、見せ方も変えなければならない。

① レスポンシブレイアウト

見る端末に合わせて、配置や文字サイズを切り替える作戦。

パソコンでは横並び。
スマホでは縦並び。

狭い場所に無理やり押し込まず、その画面に合った見せ方へ自動で変化する。

じぃじも、狭い場所では少し小さくなる。
たぶん気持ちだけ。

② リキッドレイアウト

画面の横幅に合わせて、内容が伸びたり縮んだりする作戦。

狭ければ小さく。
広ければ大きく。

水のように、入れ物に合わせて形を変える。

じぃじの体は、そんなに柔らかくない。

③ フレキシブルレイアウト

画面の広さに合わせて、画像や文章、カードの並び方を柔軟に組み替える作戦。

広い画面では横に並べ、狭い画面では縦に並べる。

使える場所を確認し、その場で一番見やすい形を選ぶ。

これができれば、じぃじより十分フレキシブルだ。

ここで、無料サイトの壁が現れる。

今回の作戦拠点は、無料で使えるGoogle Sites。

無料でも、かなり優秀だ。

しかし、何でも自由にできるわけではない。

画面の横幅には、うまく合わせてくれる。

ところが、埋め込んだ内容の高さまでは、完全には自動調整してくれない。

スマホで内容が切れないように高さを広げると、パソコンでは上下に余白ができる。

パソコンにぴったり合わせると、今度はスマホで内容が切れたり、スクロールバーが出たりする。

あちらを立てれば、こちらが余る。

無料には無料の事情がある。

だから、じぃじはスマホでの見やすさを優先する。

パソコンに多少の余白ができても、文字が途中で消えるよりはいい。

無料だから無理だと諦めるのではなく、無料の範囲で使える方法を探す。

お金は使わない。
知恵と時間は、少し使う。

そして、じぃじの睡眠時間も少し削れる。

完璧に揃えることより、誰が見ても内容が伝わること。

それが、じぃじの無料サイト作戦だ。

STATUS : FREE SITE LAYOUT MISSION COMPLETE