Best of Smashing Magazine — 2025

1. 1
   Article

   Smashing Magazine·23w

   Masonry: Things You Won’t Need A Library For Anymore — Smashing Magazine

   CSS Masonry layout is coming to browsers as a native feature, eliminating the need for JavaScript libraries like Masonry.js. The article explores how modern web platform features—including popovers, dialogs, container queries, and anchor positioning—can replace third-party dependencies, resulting in better performance, smaller bundle sizes, and simpler code. Built-in Masonry offers significant advantages over JavaScript solutions: no render-blocking scripts, faster responsiveness, and familiar CSS syntax similar to Grid and Flexbox. The piece also provides resources for tracking new web features and ways developers can influence browser vendors' priorities through surveys and the Interop project.

   78

   1
2. 2
   Article

   Smashing Magazine·1y

   Adaptive Video Streaming With Dash.js In React — Smashing Magazine

   Adaptive bitrate streaming splits a video into segments at different bitrates and resolutions, allowing smooth playback on various network conditions and devices. Using Dash.js with React, this guide demonstrates how to implement DASH-compatible video players and create adaptive video renditions with FFmpeg, covering the installation, transcoding, and player setup process.

   31

   1
3. 3
   Article

   Smashing Magazine·1y

   New Front-End Features For Designers In 2025 — Smashing Magazine

   New front-end technologies are simplifying web design by enabling previously complex tasks through easy-to-use HTML and CSS features. These include component-specific styling, relative colors, seamless visual transitions, and container queries. These innovations promise to enhance user interfaces and reduce dependence on JavaScript, making modern web development more streamlined and efficient.

   21
4. 4
   Article

   Smashing Magazine·52w

   Design System In 90 Days — Smashing Magazine

   This post explores the process of setting up a design system within 90 days, offering various resources and tactics for organizing, initiating, and managing a design system project. It emphasizes the importance of stakeholder discussions, component selection, and system adoption across teams, providing practical tools like the Design System Canvas and useful worksheets to facilitate the effort.

   13