もうちょっとボタン押してほしいな、で、少し動きをつけてみると

クリック率が動きつける前から130%になりました。というお話。

アプリもやっているサービスであれば、大抵あると思われる、このストアへのリンク。

スクリーンショット:「全国各地の婚活パーティ・出会いイベント探しをもっと手軽に! 【オミカレ】の公式アプリ」と書かれたブロックに、Google Play StoreとApp Storeへのリンクボタンが置かれている。

あ、言うまでも無いかもしれませんが、「婚活パーティー、お見合いパーティーをまとめて検索 – オミカレ」の話です。

“もうちょっとボタン押してほしいな、で、少し動きをつけてみると” の続きを読む

IE11のみCSSを適用する(IE10含む)

国内でウェブサイトの制作などを仕事にしていると、IEに対する対応は避けて通れないと思います。一時期に比べると、Microsoftのサポート方針の変更などで、古いIEに対してのサポートを行うという機会はほぼほぼなくなりましたが、今度アップデートされない(と現在アナウンスされている)IE11への対応というのは、国内の企業を相手にしている限りはなくならないんじゃないでしょうか。 “IE11のみCSSを適用する(IE10含む)” の続きを読む

label要素はbuttonにも適用できるの?

マテリアルデザインのスタイルガイドを見ていたら、ボタンの高さは36dpとあり、さらにクリッカブルな領域は48dpにするという記述を見つけました。

https://material.io/guidelines/components/buttons.html#buttons-style

スクリーンショット 2017-04-08 16.34.43

だとすると、button要素内に透明の領域を‥‥、とかspanやdivなど親要素つけてそこに判定を‥‥、というよりはlabel要素使うのがマークアップとしては素直かな?と思いました。

“label要素はbuttonにも適用できるの?” の続きを読む

先頭のsubmitボタンはクリック(タップ)しなくてもclickイベントが発火する時がある

発生する条件は、テキストフィールドなどでEnterキーやGoボタンなどを押下したときです。その場合、直接formに対してsubmitイベントが走るかと思いきや、フォーム内のsubmitボタンを探してクリックイベントを発火させていました。 “先頭のsubmitボタンはクリック(タップ)しなくてもclickイベントが発火する時がある” の続きを読む