1. 画像を減らすことでリクエスト数を減らす 2. ページの横幅とディスプレイの解像度の違い 3. テキストは画像よりも「テキスト」のままの方が良い テキストは画像よりも「テキスト」のままの方が良いです。これまでのサイト制作では、ちょっとしたテキストもスタイリッシュにするために画像を多く使う傾向にありました。確かにテキストだらけのサイトは古臭いイメージ、画像がふんだんに使われていると今時なイメージ … 続きを読む
1.サイト制作がうまくいかない、、、さあどうしよう？？ 2.微妙に左右に動く（ずれる）！？CSSを確認しよう！ 3.javascript が動かない！？エラーを確認しよう！ ■サイト制作がうまくいかない、、、さあどうしよう？？ スマートフォンサイトの制作はCSS3やHTML5の使用が肝です。これらを使うことでスマートフォンサイトらしさを演出することが出来て閲覧者の心を惹きつけることができます。 し … 続きを読む
1.スマートフォンサイトは横幅320pxで作ろう！ 2.スマートフォンの解像度は横幅320pxではない？ 3.スマートフォンサイトでは画像を大きめにしよう 1.スマートフォンサイトは横幅320pxで作ろう！ スマートフォンサイトを作るときに必ず目にするのが『viewport』です。以下の記述をすることがスマートフォン対応の第一歩です。 <meta name=”viewport” conten … 続きを読む
ちょっとした小技をご紹介します。 ウェブサイトを制作する際に、特に通販サイトで重要なのがファーストビューです。そのサイトを開いたときにまず目に入ってくる部分のことです。初見でサイトの魅力をしっかり伝えることが重要になってきます。 このファーストビューの良し悪しが売上に繋がることもあります。また、ファーストビューをなるべく広く取ることで多くの情報を伝えることができます。特にスマートフォンなどモバイル … 続きを読む
1.なぜSafariなのか？ 2.スマートフォンサイトをSafariで見てみる 3.上級編、開発者向けツールを使ってみる ■なぜSafariなのか？ 世の中にはいろんなブラウザがあります。それらは『ユーザーエージェント』という情報を持っていて、サーバー側でどのブラウザを使っているのかを判断することが可能です。また、ユーザーエージェントはブラウザの種類ごとに特徴を持ちます。 例えばInternet … 続きを読む
セミナー＆勉強会
モバイルユーザーの最新利用動向、モバイル業界動向をリアルタイムに伝えるMMD研究所 MMD研究所
