--- title: Best Chrome Developers posts — August 2022 | daily.dev description: The most upvoted Chrome Developers posts from August 2022, curated by the daily.dev community. canonical: https://daily.dev/sources/chrome/best-of/2022/08 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/sources/chrome/best-of/2022/08 og:type: website og:site_name: daily.dev og:title: Best Chrome Developers posts — August 2022 | daily.dev og:description: The most upvoted Chrome Developers posts from August 2022, curated by the daily.dev community. og:image: https://media.daily.dev/image/upload/s--VAY5ToZt--/f_auto/v1724209435/public/daily.dev%20-%20open%20graph --- # Best of Chrome Developers — August 2022 1. 1 [](https://daily.dev/posts/modern-web-debugging-in-chrome-devtools-sgvkkozcf "Modern web debugging in Chrome DevTools") Article Chrome Developers · 4y Modern web debugging in Chrome DevTools Chrome DevTools has an extra setting enabled by default: Automatically add known third-party scripts to ignore list. With this setting enabled, DevTools hides any file or folder that a framework or build tool has marked as to ignore. This is a preview feature available in Chrome Canary from version 106. 92 4 2. 2 [](https://daily.dev/posts/new-in-chrome-104-3t-fhj1c3 "New in Chrome 104") Article Chrome Developers · 4y New in Chrome 104 With Region Capture, a web app can define the specific area of the screen it wants to share. Shared Element Transitions uses CSS Animations, so you can change from a fade in effect, to slide in, or whatever you want. 46 7 3. 3 [](https://daily.dev/posts/new-in-chrome-105-x3prrx1rm "New in Chrome 105") Article Chrome Developers · 4y New in Chrome 105 The new Sanitizer API allows developers to query a parent selector for its size and styling information. It's possible for a child element to own its responsive styling logic, no matter where it lives on a page. As soon as Chrome 106 is released, we'll be right here to tell you what's new in Chrome DevTools. 20 1 4. 4 [](https://daily.dev/posts/devtools-tips-how-to-inspect-css-grid-hcs3uerbj "DevTools Tips: How to inspect CSS grid") Article Chrome Developers · 4y DevTools Tips: How to inspect CSS grid Watch the video to learn how to toggle the grid overlay in the Elements panel and use it to: Visualize and inspect grid layouts. Use row and column numbers to refer to when placing grid items. Use line and area names and see them on the overlay if you have a lot of grid items. 13 [See all Chrome Developers archives](/sources/chrome/best-of) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@graph":[{"@type":"CollectionPage","@id":"https://daily.dev/sources/chrome/best-of/2022/08#page","url":"https://daily.dev/sources/chrome/best-of/2022/08","name":"Best Chrome Developers Posts — August 2022","description":"The most upvoted Chrome Developers posts from August 2022, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/sources/chrome/best-of/2022/08#items","numberOfItems":4,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/modern-web-debugging-in-chrome-devtools-sgvkkozcf","name":"Modern web debugging in Chrome DevTools"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/new-in-chrome-104-3t-fhj1c3","name":"New in Chrome 104"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/new-in-chrome-105-x3prrx1rm","name":"New in Chrome 105"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/devtools-tips-how-to-inspect-css-grid-hcs3uerbj","name":"DevTools Tips: How to inspect CSS grid"}]},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Sources","item":"https://daily.dev/sources"},{"@type":"ListItem","position":3,"name":"Chrome Developers","item":"https://daily.dev/sources/chrome"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/sources/chrome/best-of"},{"@type":"ListItem","position":5,"name":"August 2022"}]}]} ```