25日にリリースされたChrome 91のデベロッパーツールに、CSSの実装に役立つツールが搭載されました。Chrome 90ではFlexboxのデバッグツールが搭載され、今回のChrome 91ではスクロールスナップ(scroll-snap-typeプロパティ)の配置が可視化できるようになり、実装と検証に役立ちます。 参考: What's New In DevTools (Chrome 91) スクロールスナップ(scroll-snap-typeプロパティ)について、以前の記事をご覧ください。 CSSのスクロールスナップの便利な使い方、実装の注意点を徹底解説 では、Chrome 91のデベロッパーツールでスクロールスナップ(scroll-snap-typeプロパティ)のデバッグツールの使い方を紹介します。 まずは、スクロールスナップを使用しているページをChrome 91で開きます。手元
![Chrome 91でデベロッパーツールがさらに便利に!スクロールスナップの実装と検証が簡単になりました](https://cdn-ak-scissors.b.st-hatena.com/image/square/ed357f7832d88ab8cc886d8600f3f197f52673fe/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-202102%2F2021052710%402x.png)