- 2011.10.07
スマートフォンサイトは横向きで見ることもあります
1. スマートフォンサイトを横向きで見たことありますか? 2. 2つのパターンを見比べてみてください 3. スマートフォンサイトのデザインのコツは“リキッドデザイン” ■スマートフォンサイトを横向きで見たことありますか? スマートフォンでサイトを閲覧する時ほとんどの場合は縦表示が多いと思います。 ですが、スマートフォン向けに最適化されたサイトばかりでないので、中には横表示をすることもあるかと思いま […]
1. スマートフォンサイトを横向きで見たことありますか? 2. 2つのパターンを見比べてみてください 3. スマートフォンサイトのデザインのコツは“リキッドデザイン” ■スマートフォンサイトを横向きで見たことありますか? スマートフォンでサイトを閲覧する時ほとんどの場合は縦表示が多いと思います。 ですが、スマートフォン向けに最適化されたサイトばかりでないので、中には横表示をすることもあるかと思いま […]
1.スマートフォンサイトってどんなサイト? 2.自己満足なスマートフォン対応になっていませんか? 3.スマートフォンサイトはモバイルサイト? ■スマートフォンサイトってどんなサイト? スマートフォンの普及は思っていたよりも早いなと感じているひとが多いのではと思います。私もそうで、こんなに早く一般化するとは思っていませんでした。なのでサイト運営側はスマートフォン対応を急いでいるか、着手できていないま […]
1.デザイン 2.画像編集 3.シミュレート スマートフォン向けサイトを作成するにあたって、役に立つツールをご紹介いたします。デザインと画像編集に関してはブラウザ上で動作するツールとなっています。インストールする面倒がなく利用できる利点があります。 ■1.デザイン 【CSS3 Generator】 スマートフォンで使われる角丸や影などのスタイルを簡単に作成できるツール。 http://css3ge […]
1.携帯向けサイトは横幅240px、スマートフォンサイトは320px 2.スマートフォンにあるといい viewport 3.携帯サイトをスマートフォン対応させる ■携帯向けサイトは横幅240px、スマートフォンサイトは320px 携帯電話(ガラケー、フィーチャーフォン)の横幅はほとんどのものが240px前後であり、一般的に携帯向けのサイトは横幅240pxで作られます。 一方、スマートフォンでは、タ […]
1.スマートフォンは画面が小さい 2.携帯サイトをスマートフォンで表示してコストダウン 3.CSSを使ってスマートフォンらしく ■スマートフォンは画面が小さい スマートフォンで一般的なPC向けのレイアウトで作成されたWebページを閲覧するのには小さい画面では拡大縮小を繰り返さないといけません。また、画面を拡大してしまうと今どこを見ているのかわからなくなります。 画面を上下左右とスクロールできてし […]