タグ

2014年2月18日のブックマーク (3件)

  • ライバルを出し抜け!スマートフォンサイト制作でコンバージョン率を上げる7つのポイント|MarTechLab(マーテックラボ)

    LPO研究所所長の鎌田です。 今回は「スマートフォンサイトでコンバージョン率を上げるための重要ポイント」をお伝えします。 レスポンシブデザインだの、HTML5だのといった技術的な話は一切しません。あくまで「コンバージョンに直結するスマートフォンサイト制作の考え方、施策」についてお伝えします。 時代はスマートフォンだ、マルチデバイスだと騒がれてはいるものの、実際のところ、Web上でスマートフォンからのコンバージョン獲得を意識して対策できている会社はまだ多くありません。今のうちにしっかりと対策をすれば、PCでは激戦区のジャンルであっても、スマートフォンサイトで出し抜ける可能性は大いにあります。 それでは早速いってみましょう。 目次 スマホユーザビリティは右手親指を意識しろ スマホサイトは読み込み速度を重視しろ リスティングもスマホ向けに最適化しろ スマホサイトではオファーを下げろ スマホではス

    ライバルを出し抜け!スマートフォンサイト制作でコンバージョン率を上げる7つのポイント|MarTechLab(マーテックラボ)
  • [JS]このホバーエフェクト楽しい!シールのようにぺらっとめくるスクリプト -Sticker.js

    写真画像やアイコンなどを配置したベタ塗りのボタンなどをサークル状にし、ホバーするとシールのようにぺらっとめくれるようにするスクリプトを紹介します。 実装は非常に簡単で、jQueryなどの他のスクリプトは必要ありません。 Sticker.js Sticker.js -GitHub Sticker.jsのデモ Sticker.jsの使い方 Sticker.jsのデモ デモはChrome, Safari, Firefox, Opera, IE10+でご覧ください。 上記のアニメーションは左からのぺらっですが、上下左右の全ての方向からぺらっができます。右のベタ塗りはめくるとシャドウが半透明で適用されます。 Sticker.jsのフッタ 最初のデモは写真画像なのでカーソルはアローですが、フッタのはリンクなのでポインターになっています。 Sticker.jsの使い方 Step 1: 外部ファイル 当ス

  • 後戻りはできる!WordPressの過去記事すべてを一括で置換する方法 - あなたのスイッチを押すブログ

    ブログを始めた当初と今とでは、知識レベルも技術レベルも大きく違います。そうすると気になりだすのは、過去の記事。 無知だったからこそ変なHTMLを書き続けた時期があり、気になり出したら止まらないんです。 例えば私の場合、<h3>タグの直後には必ず「■」を入れていました。 これは前の見出しデザインの関係で、■を入れておいた方が見やすかったためです。しかしCSSを調整したことで、この■が不要になりました。 さて困ったのは、過去の記事。今までずっと「<h3>■」という形で書いてきて、それを今更「<h3>」に変える。過去の記事すべてを手で修正するのは途方も無い労力です。 しかし、それを一発で変更できる超便利ツールが一つ。「Search Regex」というWordPressのプラグインです。 Search Regexとは? WordPressのプラグイン「Search Regex」。これはすべての記事

    後戻りはできる!WordPressの過去記事すべてを一括で置換する方法 - あなたのスイッチを押すブログ