HTML・CSSスマートフォン用サイトを作っていて感じたことCheckスポンサードリンク先日、とあるASPセミナーにてスマートフォンユーザーの対策をしましょうなることを聞いたので、このブログのスマートフォンユーザー向けにテンプレートを作っております。基本的な枠組みについてはだいたい完成、デザインは白紙状態ですが、その中で気づいたことをご紹介していきます。画面の小ささに配慮するスマホはデバイスがたくさんあり、解像度もまちまちですが、揃って言えることは、画面自体が小さいということ。それ故に、PC向けで一般的な2カラムとかにする必要はなく、単純な1カラムでよいと。指での操作を考える指での操作は、直感的で便利な反面、リンクが小さいとタップしづらいです。いうことで、文中にリンクを埋め込む場合は行間を適切に取るとか、文字自体を大きめするとかでしょうか。ほか、最終的に誘導するリンク先が決まっているのなら、バナーボタンのようなものを採用しても良いかもです。容量は軽くする冒頭の某セミナーで言われて気づいたのですが、スマートフォンの回線は、一部のマニアックな人を除き、基本的に3G回線を使っているはずです。3G回線って有線LANなんかと比べてやっぱり重いのですよね。いうことで、読み込むサイトは軽いほうがいいとのことです。画像も、簡単なバナー程度であれば、CSS3で実装できることもあるので、CSS3で実装できそうなものであれば、CSS3で実装するというのも重要かと。実際にソースを書いてみて思ったのが、楽だということ。構造を考えて書いても、多分以下のような感じになります。<footer></footer></body></html>divは一応書いていますが、それすらいらないかもしれない。CSSはまだ1行も書いていないので実感はないですが、CSSはグラデーションやらを使う予定なので、多分面倒。CSS3ジェネレーターとかたくさんあるのでそうでもないかな。編集後記これを投稿したら続きをやろうかな。これから出てくるPC関連イベント>>"スマートフォン用サイトを作っていて感じたこと"の情報タグないです。名前:メールアドレス(公開されません):URL:クッキー:コメント:(ここにコメント文をどうぞ)送信(コメントが投稿されるまで時間がかかる場合があります。T430sを使ってみた(3月23日)サイト内検索リンクについて当サイトはリンクフリーです。ご自由にリンクしていただいてかまいません。