2021年05月28日(金)

Chrome 91でデベロッパーツールがさらに便利に！スクロールスナップの実装と検証が簡単になりました

• 0
• 31
• 32
• 46

25日にリリースされたChrome 91のデベロッパーツールに、CSSの実装に役立つツールが搭載されました。Chrome 90ではFlexboxのデバッグツールが搭載され、今回のChrome 91ではスクロールスナップ（scroll-snap-typeプロパティ）の配置が可視化できるようになり、実装と検証に役立ちます。

author:

コリス

http://coliss.com

2006年の開設以来、一貫してサイト制作に関する最新情報を提供しているクリエイティブブログ

オリジナルサイトで続きを読む

今日のwebデザイン記事ランキングを見る

         

‹ PREV

               

エキスパートによるレビュー付き！40以上のコンバージョン最適化ツールを紹介します。

         

NEXT ›

               

オープンソースの Airtable代替・「NocoDB」

関連記事

• CSSのwidth: 100%;のより良い代替手段として、stretchキーワードが実はかなり便利です
• TailwindベースのWebページで任意の要素などにclassを追加する等のリアルタイム編集を簡単に行えるブラウザ拡張・「Toolwind」
• CSSのデバッグにAIがどのように役立つか、Chrome 131のデベロッパーツールでAIアシスタントが使えるようになります
• 任意のWebサイトやYoutubeの内容をAIが要約し、マインドマップやタイムライン、表などで視覚化してくれるブラウザ拡張・「MyLensAI」
• ブラウザのアドレスバーに入力した内容を任意のAIチャットでプロンプトとして実行できるオープンソースのブラウザ拡張・「AI Chat Shortcut」

Ads

2006年の開設以来、一貫してサイト制作に関する最新情報を提供しているクリエイティブブログコリスの記事『Chrome 91でデベロッパーツールがさらに便利に！スクロールスナップの実装と検証が簡単になりました』についてまとめています。

この記事は特にGoogle・Chromeについて書かれており、 気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のコリスで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとコリスの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。