This is standard

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

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

   

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

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

■HTML

■CSS

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

 - HTML・CSS・Javascript, Tips

  関連記事

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

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

mampで実装したファイルをngrokで公開する

わざわざローカルで実装して、FTPでテストサーバーにアップしてのやり取りって本当 …

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

LPでgifアニメーションボタンが一時流行りましたが、ボタンを作るのは結構時間も …

jQueryで背景画像をフェードイン・フェードアウト

jQueryで背景画像をフェードイン・フェードアウトする方法の覚書です。 [cr …

【jQuery】画像が404エラーの時、別の画像を表示する方法

クライアントより、動的に一覧ページに複数の画像を掲載したいというご要望がありまし …

よく使うCSSジェネレーターと参考サイト

よく使うジェネレーターと参考サイトを自分用にまとめました。 ・グラデーションジェ …

[グロースハック 136.7%改善]スマホ版LPでCTRをあげる改善事例

※申し訳ございません、都合上クライアント名・デザイン画像の掲載は控えさせていただ …

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

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

Googleアナリティクスでイベントトラッキングを取得する

ECの運用担当者なら、バナーやリンクのクリック数を計測したいと思います。 jQu …

instagramのuser idを取得する方法

※2016.09.08追記 こちらのサイトのテキストボックスにuser名を入力す …