--- title: Best web.dev posts — July 2024 | daily.dev description: The most upvoted web.dev posts from July 2024, curated by the daily.dev community. canonical: https://daily.dev/sources/web/best-of/2024/07 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/sources/web/best-of/2024/07 og:type: website og:site_name: daily.dev og:title: Best web.dev posts — July 2024 | daily.dev og:description: The most upvoted web.dev posts from July 2024, 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 web.dev — July 2024 1. 1 [](https://daily.dev/posts/css-font-size-adjust-is-now-in-baseline-bzdeevatj "CSS font-size-adjust is now in Baseline") Article web.dev · 2y CSS font-size-adjust is now in Baseline The CSS property 'font-size-adjust' has been integrated into Chrome, enhancing web font interoperability as part of the Interop 2024 initiative. This improvement helps prevent layout shifts and improves the legibility of fallback fonts, particularly at smaller sizes. The property adjusts the sizing of fallback fonts to better match the initially specified font, using metrics like 'ex-height' and 'ch-width' to enhance consistency and readability across different fonts. 100 2. 2 [](https://daily.dev/posts/how-to-use-container-queries-now-av52zhnbt "How to use container queries now") Article web.dev · 2y How to use container queries now Developers can now use container queries in production, even if they need to support older browsers. By implementing a JavaScript-based fallback, developers can ensure a consistent experience across all browsers. The strategy involves updating component styles to use \`@container\` rules, defining container elements in HTML, and adding fallback CSS for unsupported browsers. This method aims to balance between functionality and performance, allowing developers to adopt modern CSS features incrementally and efficiently. 50 [See all web.dev archives](/sources/web/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/web/best-of/2024/07#page","url":"https://daily.dev/sources/web/best-of/2024/07","name":"Best web.dev Posts — July 2024","description":"The most upvoted web.dev posts from July 2024, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/sources/web/best-of/2024/07#items","numberOfItems":2,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/css-font-size-adjust-is-now-in-baseline-bzdeevatj","name":"CSS font-size-adjust is now in Baseline"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/how-to-use-container-queries-now-av52zhnbt","name":"How to use container queries now"}]},{"@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":"web.dev","item":"https://daily.dev/sources/web"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/sources/web/best-of"},{"@type":"ListItem","position":5,"name":"July 2024"}]}]} ```