今回はクリックイベント判定を操作するpointer-eventsプロパティについてじっくり見ていきます。 使い方 pointer-eventsプロパティは、基本的に値はautoかnoneのどちらかです。 auto（デフォルト）が通常通りの挙動になり、…

ページ内リンクをクリックしたときに、ページがキレイにスクロールしながら移動するいわゆる「スムーススクロール（スムーズスクロールと言う人もいますが、英語だとSmooth Scrollなので、この記事ではスムーススクロールに統一します）」。 ひと昔前だと…

Macのブラウザでこれ以上スクロールできない場所までスクロールしたのに、そこからさらに先へスクロールしようとすると画面が伸びて指を離すと跳ね返るような挙動になります。 要は「これ以上スクロールできませんよ」とユーザーに知らせるためのインタラクションで…

画面領域いっぱいにセクションが広がって、スクロールすると画面にキレイにピタッとくっついてくれる。このような処理を実装するためにはいままでJavaScriptを使う必要がありましたが、scroll-snapを使えばCSSだけで簡単に実装できます。 基本…

カード型のレイアウトを実装するときなどに「画像を特定のサイズにしたい！」と思うときがあります。 自分が画像を書き出して実装するのであれば、サイズを合わせて書き出すので普通に実装すれば実現できますが、クライアント側で運用をお願いする場合や、ユーザーが画…