--- title: Best Kevin Powell posts — June 2026 | daily.dev description: The most upvoted Kevin Powell posts from June 2026, curated by the daily.dev community. canonical: https://daily.dev/sources/kevinpowell/best-of/2026/06 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/sources/kevinpowell/best-of/2026/06 og:type: website og:site_name: daily.dev og:title: Best Kevin Powell posts — June 2026 | daily.dev og:description: The most upvoted Kevin Powell posts from June 2026, 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 Kevin Powell — June 2026 1. 1 [](https://daily.dev/posts/media-queries-might-look-very-different-soon--5qw5sjaes "Media queries might look very different soon.") Video Kevin Powell · 13w Media queries might look very different soon. CSS media queries may soon look very different with upcoming features like inline \`if()\` statements and custom \`@function\` definitions. Currently available in Chrome, these allow writing responsive styles inline within a property value rather than in separate media query blocks. CSS nesting can already reduce repetition today, while the new \`if()\` syntax and custom functions offer more expressive, reusable ways to handle breakpoints — though browser support beyond Chrome is currently limited. 53 5 2. 2 [](https://daily.dev/posts/the-mine-a-no-js-adventure-game-lswacmixe "The mine: A no-JS adventure game") Video Kevin Powell · 11w The mine: A no-JS adventure game A no-JavaScript adventure game built entirely with CSS, using \~1,600 lines of CSS. The game features inventory management, item collection, and navigation. The core technique relies on hidden checkboxes and the CSS :checked pseudo-selector to traverse the DOM and shift the viewport, enabling game state and navigation without any JavaScript — a clever 7-year-old CSS trick applied to interactive game logic. 71 11 [See all Kevin Powell archives](/sources/kevinpowell/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/kevinpowell/best-of/2026/06#page","url":"https://daily.dev/sources/kevinpowell/best-of/2026/06","name":"Best Kevin Powell Posts — June 2026","description":"The most upvoted Kevin Powell posts from June 2026, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/sources/kevinpowell/best-of/2026/06#items","numberOfItems":2,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/media-queries-might-look-very-different-soon--5qw5sjaes","name":"Media queries might look very different soon."},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/the-mine-a-no-js-adventure-game-lswacmixe","name":"The mine: A no-JS adventure game"}]},{"@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":"Kevin Powell","item":"https://daily.dev/sources/kevinpowell"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/sources/kevinpowell/best-of"},{"@type":"ListItem","position":5,"name":"June 2026"}]}]} ```