--- title: Best Frontend Masters posts — July 2025 | daily.dev description: The most upvoted Frontend Masters posts from July 2025, curated by the daily.dev community. canonical: https://daily.dev/sources/frontendmasters/best-of/2025/07 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/sources/frontendmasters/best-of/2025/07 og:type: website og:site_name: daily.dev og:title: Best Frontend Masters posts — July 2025 | daily.dev og:description: The most upvoted Frontend Masters posts from July 2025, 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 — July 2025 1. 1 [](https://daily.dev/posts/liquid-glass-on-the-web-frontend-masters-blog-ylbrjgz30 "Liquid Glass on the Web – Frontend Masters Blog") Article Frontend Masters · 1y Liquid Glass on the Web – Frontend Masters Blog Apple's new Liquid Glass design aesthetic for version 26 operating systems creates complex visual effects with light refraction, distortion, and frosted glass appearances. Web developers are recreating this look using CSS backdrop-filter, SVG filters like feDisplacementMap and feGaussianBlur, and React components. The technique involves multiple parameters including displacement scale, blur amount, saturation, and aberration intensity. However, implementing liquid glass effects raises significant text contrast accessibility concerns that developers must carefully address when placing text over unknown backgrounds. 193 13 2. 2 [](https://daily.dev/posts/introducing-zustand-state-management-frontend-masters-blog-uckta2ezb "Introducing Zustand (State Management) – Frontend Masters Blog") Article Frontend Masters · 1y Introducing Zustand (State Management) – Frontend Masters Blog Zustand is a minimal state management library for React that offers a simpler alternative to React Context with better performance. Unlike Context, which re-renders all consumers when any state changes, Zustand allows selective subscriptions through selector functions, reducing unnecessary re-renders. The library provides a clean API using a create function to define stores and supports async operations, external state access, and fine-grained subscriptions. The post demonstrates three implementations of the same task management app: vanilla React Context, basic Zustand usage, and optimized Zustand with selectors, showing how proper selector usage prevents excessive re-rendering. 134 13 3. 3 [](https://daily.dev/posts/blur-1px-blur-1px-frontend-masters-blog-tn9ua8kfv "blur(1px) blur(1px) – Frontend Masters Blog") Article Frontend Masters · 1y blur(1px) blur(1px) – Frontend Masters Blog CSS filter properties can be chained together, and applying the same filter multiple times creates a stacking effect rather than overriding. For example, \`blur(1px) blur(1px)\` produces a different visual result than \`blur(2px)\`, demonstrating how multiple instances of the same filter function accumulate their effects. 11 1 4. 4 [](https://daily.dev/posts/custom-select-that-comes-up-from-the-bottom-on-mobile-frontend-masters-blog-oco1j5aa9 "Custom Select (that comes up from the bottom on mobile) – Frontend Masters Blog") Article Frontend Masters · 1y Custom Select (that comes up from the bottom on mobile) – Frontend Masters Blog Modern browsers now support custom styling of select elements using appearance: base-select, enabling developers to create visually appealing dropdowns with glass effects, animations, and mobile-optimized positioning. The technique uses progressive enhancement, allowing fallback to default select behavior in unsupported browsers. Key features include animated picker icons, staggered option animations, and bottom-anchored positioning on mobile devices for better thumb accessibility. 10 [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/2025/07#page","url":"https://daily.dev/sources/frontendmasters/best-of/2025/07","name":"Best Frontend Masters Posts — July 2025","description":"The most upvoted Frontend Masters posts from July 2025, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/sources/frontendmasters/best-of/2025/07#items","numberOfItems":4,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/liquid-glass-on-the-web-frontend-masters-blog-ylbrjgz30","name":"Liquid Glass on the Web – Frontend Masters Blog"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/introducing-zustand-state-management-frontend-masters-blog-uckta2ezb","name":"Introducing Zustand (State Management) – Frontend Masters Blog"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/blur-1px-blur-1px-frontend-masters-blog-tn9ua8kfv","name":"blur(1px) blur(1px) – Frontend Masters Blog"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/custom-select-that-comes-up-from-the-bottom-on-mobile-frontend-masters-blog-oco1j5aa9","name":"Custom Select (that comes up from the bottom on mobile) – Frontend Masters 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":"July 2025"}]}]} ```