このドメインは、お名前.comで取得されています。 お名前.comのトップページへ Copyright © 2020 GMO Internet, Inc. All Rights Reserved.
LPO研究所所長の鎌田です。 スマホサイトを用意するのがもはや当たり前になりつつある昨今ですが、スマートフォン対応を急ぐあまり、問合せフォームのユーザビリティがないがしろになってしまっているサイトをよく見かけます。 スマホユーザーの環境は、PCユーザーに比べてあらゆる点でシビアです。いい加減なスマホ対応をしただけでは、そうそうコンバージョンのアップにはつながりません。 下記の事例をご覧ください。 これは、あるブライダル系サービスのPC向け問合せフォームをスマホ最適化したところ、スマートフォンからのコンバージョン率が3倍以上になった事例です。このように、スマホユーザー向けに問合せフォームを最適化するだけでも、コンバージョン率はしっかり上がるのです。 今回は、弊社でスマホ向けフォーム最適化を行う際にいつも心がけている「5つの原則」について、具体例を交えてご紹介します。あなたのスマホ向けフォーム
海外の素敵な街並み、食品や料理がキレイに撮られたもの、パソコン・スマホやオーディオグッズがアップで撮られたもの、ファッションやアクセサリー、おもちゃやネコの写真など、デザインに使いたくなるようないいショットが揃った高解像度の写真画像がダウンロードできるサイトを紹介します。 DesignersPics 写真画像は全て個人でも商用でも無料で、Webサイト・プレゼン、パンフレット・パッケージ・ラベル・Tシャツ・看板など、デジタルメディアでも紙でも利用できます。 また利用の際には、バックリンクは特に必要ありません(してくれたら嬉しいなとあります)。詳しくは下記ページをご覧ください。 FAQ and Terms 写真画像は、現在5つのカテゴリで管理されています。 画像のサイズは3,500x2,318pxで、高解像度なのも嬉しいポイントです。
ページ上のコンテンツを複数のレイヤーで構成し、それぞれを異なるタイミングでスクロールさせるパララックスのエフェクトをスクリプト無し、CSSで実装するチュートリアルを紹介します。 デモページをスクロールしたとこ パララックスの構造の可視化は、左上の「Debug」をチェックします。 パララックスの実装 Step 1: HTML divなどで各レイヤーを配置します。 <div class="parallax"> <div class="parallax__group"> <div class="parallax__layer parallax__layer--back"> ... </div> <div class="parallax__layer parallax__layer--base"> ... </div> </div> <div class="parallax__group"> ..
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く