ホームページをスマホやタブレットにも対応させる

これからホームページを制作する場合は、
スマートフォンやiPadやNexusなどのタブレットでの表示も
これからは重点事項でしょう。

しかし、すでに公開しているホームページをまた新たに・・・
というのはなかなか難しいかもしれません。

そんな時には!
サイドメニューをなくして、コンテンツのみを大きく表示!

DSCN0361.jpg

サイドメニューは、スマホやタブレットの場合、
表示されていたとしても、小さくて押しづらかったり、
コンテンツが長い場合は、メニューの下に空間ができてムダなスペースになりますし、

ただ、メニューがないのは当然困りますので、

DSCN0363.jpg

サイドメニューはコンテンツの下に移動させます。
これならボタンも押しやすいです!

スマホやタブレットを横向き(ランドスケープ)にした時は、

DSCN0364.jpg

PCと同じデザインに切り替わります!



すでに、<float>でレイアウト構築されている場合は、
すぐにでも対応できそうです!








謹賀新年

nenga2013.jpg

明けましておめでとうございます。

新しい年、2013年がスタートしました!
iPadを初め、昨年末にはキンドル、ネクサスと次々に新しいツールが出てきて、
ホームページの制作は、パソコンとスマホだけでなく、
タブレットまでを視野にいれて・・・

学びの多い一年になりそうです。

本年もどうぞ宜しくお願い申し上げます。