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イベントが発火する時がある”の続きを読む