ECサイト構築・リニューアルならクラウド型ECサイト構築ASPサービスサイトへ
資料請求
TOP

CATEGORY

SERVICE

モバイルファーストラボ編集部

5/12ページ
  • 2014.07.23

レスポンシブな背景画像にコンテンツを重ねて表示させる3つの方法

ここしばらくの間フルスクリーン画像を使ったサイトデザインの人気が高まっています。 実は「背景画像の上にボタンを設置するデザイン」というのは少し厄介で、レスポンシブ化する際に幾分かの調整が必要になります。 今回はこの「背景画像の上にボタンなどのコンテンツを、『中央寄せ』で配置する」方法を3パターンご紹介します。

  • 2014.07.03

vhを使ったレスポンシブなフルスクリーンコンテンツの作り方

近頃フルスクリーン写真を使ったサイトデザインが増えてきました。 第一印象のインパクトやデザイン性など、見ていて楽しくなるサイト作りの方法として注目を浴びている様子です。 しかしフルスクリーン写真を利用したデザインをレスポンシブで実現使用すると少し厄介な問題があります。 今回は「vh」という単位を利用した、フルスクリーンコンテンツの作り方を紹介します。

  • 2014.06.25

会員登録をお手軽に!SNSを連携させたECサイト

ECサイトでよく見かける「新規会員登録で○○をプレゼント!」というバナー。 この手のサイトの会員登録は入力する項目が多いイメージがあり、どんなに魅力的なボーナスでも基本的に無視していました。 ですが最近WEBサービスで実装されていることが多い「SNSアカウントでの登録」が実装されているサイトでは、八割方登録してしまっている気がします。

  • 2014.03.25

【超簡単】レスポンシブWebデザインの横幅を検証 RWD Bookmarklet

レスポンシブWebデザインの検証を楽にするツール レスポンシブWebデザインはサイトの横幅に応じて、コンテンツを最適化させることができるためとても便利です。しかし構築する上で横幅を常にチェックしながら調整をする必要があります。 レスポンシブWebデザインの検証どうする? ブックマークレットって? RWD Bookmarklet を使おう! 1.レスポンシブWebデザインの検証どうする? レスポンシ […]

1 … 5 … 12