--- title: Best Smashing Magazine posts — June 2024 | daily.dev description: The most upvoted Smashing Magazine posts from June 2024, curated by the daily.dev community. canonical: https://daily.dev/sources/smashing/best-of/2024/06 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/sources/smashing/best-of/2024/06 og:type: website og:site_name: daily.dev og:title: Best Smashing Magazine posts — June 2024 | daily.dev og:description: The most upvoted Smashing Magazine posts from June 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 Smashing Magazine — June 2024 1. 1 [](https://daily.dev/posts/useful-css-tips-and-techniques-smashing-magazine-wqublsqum "Useful CSS Tips And Techniques — Smashing Magazine") Article Smashing Magazine · 2y Useful CSS Tips And Techniques — Smashing Magazine CSS has become more powerful with new features and techniques. Learn about CSS tips and techniques, testing HTML with CSS, self-modifying CSS variables, hanging punctuation, fixing aspect-ratio issues, and the ongoing debate on masonry layout in CSS. 45 2. 2 [](https://daily.dev/posts/uniting-web-and-native-apps-with-4-unknown-javascript-apis-smashing-magazine-nk9pf1ks3 "Uniting Web And Native Apps With 4 Unknown JavaScript APIs — Smashing Magazine") Article Smashing Magazine · 2y Uniting Web And Native Apps With 4 Unknown JavaScript APIs — Smashing Magazine The post discusses four lesser-known JavaScript APIs that have the potential to bridge the gap between web and native applications, enhancing the functionality of Progressive Web Apps (PWAs). These APIs include the Screen Orientation API, Device Orientation API, Vibration API, and Contact Picker API. Each API's capabilities, browser support, and practical implementation are explored through detailed examples and code snippets. 20 1 3. 3 [](https://daily.dev/posts/what-are-css-container-style-queries-good-for-smashing-magazine-eg7s7fghe "What Are CSS Container Style Queries Good For? — Smashing Magazine") Article Smashing Magazine · 2y What Are CSS Container Style Queries Good For? — Smashing Magazine CSS Container Style Queries are a proposed feature that allows for querying an element's styles and applying styles to other elements based on certain conditions. They provide a new way to approach responsive design, but their usefulness and practicality are still under debate. 18 [See all Smashing Magazine archives](/sources/smashing/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/smashing/best-of/2024/06#page","url":"https://daily.dev/sources/smashing/best-of/2024/06","name":"Best Smashing Magazine Posts — June 2024","description":"The most upvoted Smashing Magazine posts from June 2024, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/sources/smashing/best-of/2024/06#items","numberOfItems":3,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/useful-css-tips-and-techniques-smashing-magazine-wqublsqum","name":"Useful CSS Tips And Techniques — Smashing Magazine"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/uniting-web-and-native-apps-with-4-unknown-javascript-apis-smashing-magazine-nk9pf1ks3","name":"Uniting Web And Native Apps With 4 Unknown JavaScript APIs — Smashing Magazine"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/what-are-css-container-style-queries-good-for-smashing-magazine-eg7s7fghe","name":"What Are CSS Container Style Queries Good For? — Smashing Magazine"}]},{"@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":"Smashing Magazine","item":"https://daily.dev/sources/smashing"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/sources/smashing/best-of"},{"@type":"ListItem","position":5,"name":"June 2024"}]}]} ```