スマホをリニューアル中|歴代iPhoneたちで表示確認
kiririのPCサイトのリニューアルが完成したので、次はスマートフォンのサイトをリニューアルしています。
まだ50%くらいの完成度ですが、デザインやレイアウトの方向性は決まりました。
あとはがんばってHTMLとCSSを書いて、ちょっとした画像編集をしていけばいずれ完成します。これが大変なわけですが。
歴代のiPhoneたち全てできっちり表示できるか?
もう2年ほど前に書いた記事にこのような内容があります。
スマホサイトのwidthをどう扱うか?
たった2年前ですが、状況は大きく違っています。
スマートフォンの横幅は基本的に320pxでした。320pxの横幅でデザインやレイアウトを決めて、これよりも大きな横幅の場合はサイト全体を拡大させる処理をしていました。
320pxを超える横幅は少数派だったので通用したのですが、今は違いますね。320pxの横幅はiPhone5sまでです。
また、iPhone4からiPhone6(plusを含む)の歴代iPhoneたちでサイトを見ていると表示速度の違いがスゴイです。
やはり最新機種は優秀ですね。
とりあえず歴代iPhoneたちすべてで問題なくサイトが狙ったとおりのレイアウトで表示されていればOK、ということにしています。
近所の携帯ショップで表示テストする
PCサイトと違いスマホサイトは表示テストが面倒です。実機で閲覧するのも面倒ですが、ほとんど手元にありませんから。
ここ最近は携帯ショップに足を運んで、ネットに繋がってる全てのスマートフォンで表示テストしています。
ほぼ全てが大画面。便利だし見やすいですが、片手で操作しにくいですし、サイトのレイアウトに悩みます。
あと1年ほどしたら横幅320pxのスマートフォンはほぼなくなるのかもしれませんが、今はまだ現役で活躍してるでしょう。
大画面を前提にレイアウトを組むと、iPhone5sなどの320px機種たちでは閲覧しにくくなります。
iPhone4sを駆使してサイト構築するのがベスト
iPhone4sでストレスなく表示できるサイトであれば、どの機種でも見ても問題ないと思います。
また、横にしてもキレイにレイアウトされていれば大画面のスマートフォンで見ても大丈夫と思っても問題なさそうです。
さて、2年後はどんな感じになってるのでしょうか。
またサイトを作り変えなければいけない状況になってるかもしれませんね。楽しみなような怖いような。そんな感じです(笑)
kiririは「女性の魅力アップ」と「運気アップ」をテーマとし、心を込めて手作りで制作しています。
- パワーストーン kiriri - デザイン性はもちろん、品質・耐久性・着け心地にも自信がございます。一生モノとしてご愛用くださいませ。
▼どの運気をアップさせたいですか?