コンテンツを浮かび上がるようにポップアップ表示させるモーダルウィンドウ。 お知らせ等の他に、楽天ならクーポン等を設置して告知する事ができます。 今回はこのモーダルウィンドウをCSSだけで設置する方法(JavaScript…
続きを読むCSS
これだけやっておけば間違い無し!楽天市場のスマートフォン施策まとめ
今回は、今までご紹介した楽天のスマートフォンページ制作についてまとめました。 スマートフォンは狭い画面ですが、なるべくPCと同様の情報をユーザーに提供出来るように、回遊性や見やすさ・使いやすさを意識した工夫を行いましょう…
続きを読む楽天 スマホ コピペで簡単!疑似要素「:before」「:after」を使ったcss裏技テクニック
楽天のスマートフォンページで簡単にコピペで簡単♪ 疑似要素と呼ばれる「:before」「:after」を利用した 裏ワザテクニックをご紹介します。 疑似要素の「:before」「:after」要素とは? 疑…
続きを読むコピペで使える楽天市場デザイン【縦&フローティングバナー】
楽天サイトのページで欠かせない要素となっているバナー! セール時に縦にずっとスクロールしても繰り返し続いているのが、いわゆる「縦バナー」と呼ばれるバナーです。 スクロールすると端っこでちらちら。気になる存在。 今回はその…
続きを読む楽天 スマホ コピペで簡単!css裏ワザテクニック(看板画像・共通バナー)編
楽天のスマートフォンページを作成していて、 「不便だな、改善したいな」とお悩みの事ありませんか? そんなあなたに、楽天のスマートフォンページを 更新するときに使用している、簡単にコピペで出来る! 裏ワザテクニックをご紹介…
続きを読む12