This is standard

KAIZEN PLATFORM社が提供するA/Bテストプラットフォームにてグロースハックを行っているフリーランサーのサイトです。

CSS3で立体ボタンを作成する

   

昨今のフラットデザインの流れでボタンと認識できず、CTRが下がってしまうケースがあるようです。
これではいけませんね。

そこでCSS3で上部デモのようなボタンの作成方法をご紹介します。

■HTML

■CSS

フラットデザインとどちらがCTR高いか、A/Bテストしてもよさそうですね!

 - HTML・CSS・Javascript, Tips

  関連記事

Googleアナリティクスのイベントとセカンダリディメンションを組合せて情報を取得する

Googleアナリティクスのクリックイベントはクリック数を取得するだけでなく、セ …

Thunderbird 45で返信の本文をデフォルトで本文のテキストに戻す方法

今回はWebのTipsではなく、ThunderbirdのTipsです。 Thum …

MovableTypeでイベントやフェアブログを構築するときに使えるテンプレート

MovableTypeでイベント情報ブログを構築するときに使えるテンプレートをご …

ChromeのconsoleでjQueryを使う方法

Google ChromeのconsoleでjQueryをつかってDOM操作した …

Googleアナリティクスでフィルタをかける

上のグラフはこのサイトのセッション数を表しています。 見てわかるようにまだ全然ア …

jQuery正規表現を使って金額を抽出するには

ある案件で、動的に価格表記を変更したいとの依頼がありました。 そこで正規表現を使 …

CSS3でグラーデーションのアニメーションをつける

タイトルをみると???かと思いますので、デモをご覧ください。 ※古いブラウザでは …

jQueryでA/BテストができるプラグインeasyAB

LPなどのA/Bテストを簡単に実施できるjQueryプラグインeasyABのご紹 …

LPで使えるjQueryアニメーションボタン2

ボタンにきらっと光るアニメーションを入れる方法をご紹介します。 デモページはこち …

jQuery cookie.jsを利用して次回訪問時にクーポンを表示する方法

使い方はアイデア次第! 簡単にcookieを使ってポップアップを表示する方法のご …