作者別: yasuda

もうoutlineを消さない。クリック・タップ・キーボードのイベントを判定してくれるJSライブラリ「what-input」

フォーカスインジケータ(フォーカスリング、outlineプロパティ)を消したことはありませんか? フォーム要素やアコーディオンなどの動きのあるモジュールをコーディングするときに、Tabキーなどで操作したときはフォーカスイ…

more

レスポンシブイメージのポリフィル「Picturefill.js」でブレイクポイントによって画像を切り替える

スマホでは縦長の画像を表示したいけれど、PCでは横長の画像を表示したいということがよくあります。 そんな時にはJavaScriptで横幅を判定して切り替えるという方法がよくとられると思います。例えば、以下のような方法です…

more

キーボード操作もできるアクセシブルなチェックボックスとラジオボタンをCSSでカスタマイズする

チェックボックスやラジオボタンは、「閲覧環境によってデザインが変わってしまう」「サイトのデザインと合わない」といった理由からCSSでカスタマイズすることが多いと思います。 ただ、検索でよく見るカスタマイズ方法だと、inp…

more