「 投稿者アーカイブ:standard 」 一覧
-
プラグインを使わず、簡易的なリアルタイムバリデーションを実装する
2019/10/17 -ABテスト, javascript
formの離脱率を下げるために、バリデーションを入れるのは効果的だと思います。今回はプラグインを使わず、簡易的なリアルタイムバリデーションのご紹介です。 サンプル例は5文字以上入力があったら、エラーメ ...
-
jQueryスワイプしたらアイコンを消す
2019/10/16 -javascript
スマホでtableレイアウトをみせる時、画面幅より大きく作ってスワイプで横に流す見せ方ありますよね。iPhoneだとスムーズにスクロールさせる-webkit-overflow-scrolling: t ...
-
jQueryでQRコードを生成してくれるプラグイン
2019/10/04 -javascript, Tool
2019.10.17 ブラウザを閉じてもQRコードが表示されるよう改良しました。 スマホサイト制作において実機での確認は必須ですね。確認するときはQRコードを生成して確認することが多いのですが、複数サ ...
-
日本語フォントをカーニングしてくれるCSSプロパティfont-feature-settings
2019/10/03 -CSS
See the Pen font-feature-settings by This is standard (@koutafunahashi) on CodePen. コーディングしてて游ゴシックをカ ...
-
placeholderにアニメーションとlocalStorageでアクションを制御
2019/10/02 -ABテスト
See the Pen placeholder by This is standard (@koutafunahashi) on CodePen. formのplaceholderにアニメーションをつ ...
-
Web制作環境をより良くする便利ツール
2019/09/26 -Tool
Web制作において欠かせない便利ツールをご紹介させていただきます。 ■画像圧縮ツールhttps://compressjpeg.com/ja/ ・メインビジュアルなど画像サイズを抑えたいときに利用してい ...
-
transform: skew();で画像を使わずCSSだけでテープのような斜め背景を装飾する
2019/09/25 -CSS
See the Pen maker background by This is standard (@koutafunahashi) on CodePen. ポイントはtransform: skew( ...
-
display:flex;でhistoryページなどでよく使う装飾を施す
2019/09/20 -CSS
こんにちは。画像を使わず、cssだけでhistoyページでよくつかう縦線の装飾します。 ■完成したレイアウト See the Pen history page decoration by 舟橋 幸太郎 ...
-
デザイン改善事例が書籍で紹介されました
2万回のA/Bテストからわかった 支持されるWebデザイン事例集という書籍でデザイン改善事例が紹介されました。 他の優秀なグロースハッカーさんの事例も多数紹介されていますので、ぜひご覧ください。
-
Growth Hacker Awards2018にてOpen Offer改善賞を受賞しました。
いつもお世話になっているKaizen Platform社のKaizen the World 2018にてOpen Offer 改善賞を受賞しました。 ABテストに関する知見を増やしたくて2015年に参 ...