--- title: Best Frontend Masters posts — June 2026 | daily.dev description: The most upvoted Frontend Masters posts from June 2026, curated by the daily.dev community. canonical: https://daily.dev/sources/frontendmasters/best-of/2026/06 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/sources/frontendmasters/best-of/2026/06 og:type: website og:site_name: daily.dev og:title: Best Frontend Masters posts — June 2026 | daily.dev og:description: The most upvoted Frontend Masters 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 Frontend Masters — June 2026 1. 1 [](https://daily.dev/posts/today-frontend-masters-becomes-master-dev-master-dev-blog-1zipiebkv "Today, Frontend Masters becomes Master.dev – Master.dev Blog") Article Frontend Masters · 13w Today, Frontend Masters becomes Master.dev – Master.dev Blog Frontend Masters, the popular developer education platform, is rebranding to Master.dev. The change reflects customer feedback that the 'Frontend' name no longer accurately represents the platform's broad catalog, which now includes courses on Go, Rust, databases, cloud infrastructure, Java, Python, DevOps, and AI topics like Claude Code and AI Agents. The mission remains the same — helping engineers master their craft — but the new name is meant to signal that the platform covers the full spectrum of software development, not just frontend. 76 2. 2 [](https://daily.dev/posts/navigation-api-baseline-frontend-masters-blog-5xkpfpwmf "Navigation API Baseline – Frontend Masters Blog") Article Frontend Masters · 14w Navigation API Baseline – Frontend Masters Blog The Navigation API has reached Baseline status, offering a simpler alternative to the History API for client-side routing. Instead of manually wiring up click listeners, preventDefault(), pushState(), DOM updates, and popstate events separately, the Navigation API provides a single centralized NavigateEvent that handles all navigation types. The event.intercept() method automatically manages URL updates, history stack, focus management for accessibility, and back/forward button handling in one place. 34 2 3. 3 [](https://daily.dev/posts/modern-web-guidance-master-dev-blog-gcz6rkqln "Modern Web Guidance – Master.dev Blog") Article Frontend Masters · 11w Modern Web Guidance – Master.dev Blog Google released a tool called Modern Web Guidance at Google I/O — a collection of nested Markdown files that AI agents can use as context when generating HTML, CSS, and JavaScript code. The skill helps AI produce more accurate, up-to-date web code by bridging the gap between platform releases and model training cutoffs. It covers topics like CSS animations to and from the top layer, including mandatory requirements such as using \`overlay\` in transition lists, \`allow-discrete\` for display transitions, and respecting \`prefers-reduced-motion\` for accessibility. The author notes it handles fallbacks and user preferences reasonably well, but cautions that developers should still understand what they're doing rather than blindly trusting AI output. 32 1 4. 4 [](https://daily.dev/posts/let-s-play-with-gap-decorations-master-dev-blog-jdy3kct2r "Let’s Play With Gap Decorations! – Master.dev Blog") Article Frontend Masters · 11w Let’s Play With Gap Decorations! – Master.dev Blog A hands-on exploration of the new CSS Gap Decorations feature, which lets developers add decorative lines inside gaps in grid, flexbox, and multi-column layouts. The post goes beyond basic usage to demonstrate creative hacks: fancy underlines using pseudo-elements and \`rule-inset\`, horizontal line decorations with the \`lh\` unit, repeating background patterns using \`rule-width\` and \`rule-color\` with \`repeat()\`, and responsive dot separators. Key properties covered include \`rule\`, \`rule-inset\`, \`rule-width\`, \`rule-style\`, \`rule-color\`, and \`rule-break\`. Currently only supported in Chrome and Edge. 20 1 [See all Frontend Masters archives](/sources/frontendmasters/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/frontendmasters/best-of/2026/06#page","url":"https://daily.dev/sources/frontendmasters/best-of/2026/06","name":"Best Frontend Masters Posts — June 2026","description":"The most upvoted Frontend Masters posts from June 2026, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/sources/frontendmasters/best-of/2026/06#items","numberOfItems":4,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/today-frontend-masters-becomes-master-dev-master-dev-blog-1zipiebkv","name":"Today, Frontend Masters becomes Master.dev – Master.dev Blog"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/navigation-api-baseline-frontend-masters-blog-5xkpfpwmf","name":"Navigation API Baseline – Frontend Masters Blog"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/modern-web-guidance-master-dev-blog-gcz6rkqln","name":"Modern Web Guidance – Master.dev Blog"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/let-s-play-with-gap-decorations-master-dev-blog-jdy3kct2r","name":"Let’s Play With Gap Decorations! – Master.dev Blog"}]},{"@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":"Frontend Masters","item":"https://daily.dev/sources/frontendmasters"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/sources/frontendmasters/best-of"},{"@type":"ListItem","position":5,"name":"June 2026"}]}]} ```