作成者別アーカイブ: matsui
スマートフォンECサイトデザインの基本～スマートフォンCSS活用基礎（11）～
以前に「スマートフォンサイトのテクニックを使おう」という記事タイトルでフリックスライドに関するご紹介をさせていただきました。 今回、このフリックスライドがバージョンアップしたのでご案内いたします！ 【変わったこと-1】 HTMLの構造が少し変わりました。 <div class=”sp-flickslide” data-interval=”3000″> <div class=”sp … 続きを読む
カテゴリー: デザイン・技術
スマートフォンECサイトデザインの基本～スマートフォンCSS活用基礎（10）～
aishipご利用ショップ様を、aiship導入事例ページでご紹介させて頂いています。 スマートフォンから商品購入ページをご覧頂くとページの上部に買い物かごに入れるボタンが付いていて、下までスクロールしてもついてくる… こちらはaishipではCSSとjavascriptを使って実現しています。 最近の携帯電話向けサイトをご覧いただくとよく解りますが、いずれのページも商品の説明文が細かく紹介されて … 続きを読む
スマートフォンECサイトデザインの基本～スマートフォンCSS活用基礎（9）～
前回の記事までに、スマートフォン用の画像サイズについてご案内してきました。 「aishipでは240pxの画面をズームして320pxに拡大表示しているため、240pxちょうどの画像だと少しボケる」ということでした。綺麗な画像をスマートフォンで表示させるためには480～620pxの画像を横幅240px指定にして表示させるのがベストです。 ではこのズームをやめてしまうことは出来るのか？ 可能です。 a … 続きを読む
スマートフォンECサイトデザインの基本～スマートフォンCSS活用基礎（8）～
前回の記事で、スマートフォン向けサイトの画像についてご案内しました。 480～620pxの画像を横幅240pxに指定して縮小表示させると綺麗な画像を表示することができます。 では、背景画像についてはどうでしょうか？ 例えばリンクボタンに背景画像を使用したい場合、通常は下記のようなHTMLとCSSで背景画像にボタンを追加します。背景画像は240pxで作成しました。 aishipの管理画面から上記のよ … 続きを読む
スマートフォンECサイトデザインの基本～スマートフォンCSS活用基礎（7）～
現在までスマートフォンらしいレイアウトの作成についていくつかご紹介してきました。今回は画像についてご案内致します。 最近当サポートセンターへお問合せをいただくことの多い「スマートフォン向けの画像サイズは何pxが最適か？」というご質問ですが、サポートセンターでは「240px～480px程度で作成すると良いですよ」とご案内しています。 これは携帯電話サイトとスマートフォンサイト、両方で同じ画像を表示さ … 続きを読む
カテゴリー: デザイン・技術
