| -1195- レスポンシブなホームページ |
|
随分前から気になってはいたが、なかなか腰が重くて上がらなかった。このページをはじめ私のホームページは(多分)スマホやタブレットではまともに見れないはず。2000年よりも前は PCでもモニタの画面が VGA(640x480)のものが多く、ページの横幅も 640pxで見れるような設計にしていた。その後 PC画面は大サイズ化して数年前からは 横幅 1920pxが普通になってしまったので私のページも 最低 960px程度の表示を前提に作ってきた。 しかし最近は、逆にスマホやタブレットなどのモバイル機器でアクセスする人も増えたみたいで、そうなると今のままの画面では画面の一部が欠けてしまうはず。 ヒマ人の遊びとは言いつつ、(情報に価値があるかないかは別にして)せっかくアップしている情報が生かされないのも空しいので、 1週間ほど前から少しずつ調べて PCでアクセスした時は横長画面で、小さな画面でアクセスした時は真ん中の列だけをトップに持ってきてメインの情報が欠けることなく見えるような設計(レスポンシブ対応と言うらしい)に直そうとしている。 レスポンシブにする基本はそれほど難しくないんだが、Webにある情報は標準設計に関するものばかりで、私のページのようにあちこち独自にいじってしまった場合は基本対応しただけでは問題が出てしまう。例えば、ページトップの「ノレン」状のタイトル画像。ほとんどのページでは、タイトル欄は画面を上にスクロールした場合にそのままページ上端に潜って見えなくなってしまうが、私のページの場合スクロールしてもブラウザの機能バーのように何時までも隠れないで「one of ・・・・」と我を主張している。大した意味はないしウザい!と嫌われることだってあるかも知れないけれど、他のページと同じになってしまうのは私の主義ではないので、こうした点を踏襲しつつレスポンシブに設計を変更することにこだわっているので若干時間がかかっている。 それでも何とか目処は立ったので間もなく変更できると思う。 今日の写真はヨウシュヤマゴボウの青い実。一粒一粒は直径が 数mm以下の小さな実だが、良く見ると鮮やかで艶やかな緑色した宝石のような実だ。一つの房の中で、先っぽの方から元の方に向かって実っていく様がコマ送りのようにして見えるのが面白い。 |
|
2014/09/01 |