前回の記事までに、スマートフォン用の画像サイズについてご案内してきました。 「aishipでは240pxの画面をズームして320pxに拡大表示しているため、240pxちょうどの画像だと少しボケる」ということでした。綺麗な画像をスマートフォンで表示させるためには480～620pxの画像を横幅240px指定にして表示させるのがベストです。 ではこのズームをやめてしまうことは出来るのか？ 可能です。 a … 続きを読む
前回の記事で、スマートフォン向けサイトの画像についてご案内しました。 480～620pxの画像を横幅240pxに指定して縮小表示させると綺麗な画像を表示することができます。 では、背景画像についてはどうでしょうか？ 例えばリンクボタンに背景画像を使用したい場合、通常は下記のようなHTMLとCSSで背景画像にボタンを追加します。背景画像は240pxで作成しました。 aishipの管理画面から上記のよ … 続きを読む
現在までスマートフォンらしいレイアウトの作成についていくつかご紹介してきました。今回は画像についてご案内致します。 最近当サポートセンターへお問合せをいただくことの多い「スマートフォン向けの画像サイズは何pxが最適か？」というご質問ですが、サポートセンターでは「240px～480px程度で作成すると良いですよ」とご案内しています。 これは携帯電話サイトとスマートフォンサイト、両方で同じ画像を表示さ … 続きを読む
前回・前々回の記事ではサイト上で「スマートフォンらしい動き」を実現するためのお話をさせていただきました。今回も引き続きスマートフォンらしい動きを実現するために「表示コンテンツの切り替え」についてお話させていただきます。 皆さんはスマートフォンでサイトを閲覧している時、こんな感じのコンテンツを見かけたことはありませんか？ メニューをタッチすると、その下にあるコンテンツが選択メニューの内容にパッと切り … 続きを読む
前回の記事（スマートフォンECサイトデザインの基本～スマートフォンCSS活用基礎（4）～）では「スマートフォンらしい動き」として折りたたみコンテンツのお話をしました。今回もスマートフォンサイトらしい動きとして「スライドコンテンツ」のお話をさせていただきます。 スライドコンテンツは、例えば画像を表示するエリアの左右に矢印が表示され、それをタッチすることで前の画像や次の画像をその場で表示させることがで … 続きを読む
セミナー＆勉強会
モバイルユーザーの最新利用動向、モバイル業界動向をリアルタイムに伝えるMMD研究所 MMD研究所
