作者別: yasuda

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

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

more

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

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

more

Pug(Jade)で効率的なマークアップ環境を作る

HTMLのコーディングをするとき、メタ情報やヘッダーのような共通部分を効率的に管理するためにPugというテンプレートエンジンをよく使っています。最初は「導入コストが高い」と考えていましたが、それ以上のメリットがあると感じ…

more