Best of Web Development — September 2025
- 1
- 2
Cassidy's blog·30w
I made a tree visualizer
A developer created a standalone web application for visualizing tree data structures, originally used for teaching React component hierarchies and concepts like prop drilling and context. The tool features keyboard shortcuts for node manipulation, visual effects like pulsing and drilling arrows, and the ability to save tree diagrams as images for sharing.
- 3
Flavio Copes·31w
The CSS Handbook, 2025 edition
Flavio Copes has released an updated 2025 edition of his CSS Handbook, covering modern CSS features like container queries, cascade layers, CSS nesting, and new color spaces. The comprehensive guide spans from fundamentals like selectors and the box model to advanced topics including CSS Grid, responsive design, animations, and best practices for maintainable code.
- 4
Hacker News·31w
Doomscrolling: The Game
A developer created a browser-based game called 'Doomscrolling' where players navigate through a Doom-inspired world using only scroll gestures. The project evolved from a failed attempt with GPT-4 to a successful implementation with GPT-5, incorporating real-time news headlines from RSS feeds as in-game elements. The development process showcased AI-assisted coding techniques, including creating standalone 'labs' for testing visual elements and using computational rendering instead of pre-made sprites.
- 5
Josh W Comeau·31w
Color Shifting in CSS • Josh W. Comeau
Explores the challenges of animating color transitions in CSS, revealing that browsers perform color interpolation in RGB space even when colors are specified in HSL, causing unwanted gray intermediate colors. Demonstrates how CSS filters, specifically hue-rotate(), provide a superior solution for smooth color shifting animations. Includes practical techniques for creating particle effects with dynamic color transitions and twinkling animations.
- 6
Laravel News·30w
Laravel launches Laravel Learn with two free mini-courses
Laravel has launched Laravel Learn, a new learning platform featuring two free mini-courses: a refreshed Laravel Bootcamp for absolute beginners and PHP Fundamentals covering the basics that power Laravel. The courses are taught by Josh Cirre and Christoph Rumpel respectively, available both on the dedicated learning site with progress tracking and as full-length YouTube videos. This initiative replaces the deprecated original Bootcamp and aims to provide a gentle entry point for new developers into the Laravel ecosystem.
- 7
This website has no class
A developer experiments with removing all CSS classes from their personal website, instead relying on semantic HTML elements, custom tags, and custom attributes for styling. The approach reduces CSS bundle size to ~5KB and improves accessibility, but requires more careful planning and deeper HTML/CSS knowledge. While successful for a personal project, the author acknowledges it may not scale well for larger teams with varied frontend expertise.
- 8
Nuxt·29w
Nuxt UI v4 · Nuxt Blog
Nuxt UI v4 unifies the previously separate free and Pro versions into a single open-source library, making over 110 components, 12 production-ready templates, and a complete Figma kit available for free. The release includes enhanced AI integration with Vercel's AI SDK v5, improved documentation with AI-ready features, and seamless migration from previous versions. This major milestone was made possible by NuxtLabs joining Vercel, allowing the entire Pro suite to become freely accessible to the Vue and Nuxt community.
- 9
CSS-Tricks·31w
Composition in CSS
CSS has always been composable through the cascade, allowing developers to combine classes and styles naturally. While utility frameworks like Tailwind promote composition, traditional CSS approaches like combining classes or using Sass mixins are equally valid forms of composition. The author argues that CSS composition extends beyond just adding classes in HTML and proposes organizing styles into four categories: layouts, typography, theming, and effects. Rather than focusing on reducing CSS or HTML bloat, developers should prioritize code architecture, structure, and clarity for better maintainability.
- 10
- 11
freeCodeCamp·30w
Introducing New freeCodeCamp Certifications in the Full Stack Developer Curriculum
freeCodeCamp is introducing 6 new intermediate certifications to break down their comprehensive Full Stack Developer program into smaller, more achievable milestones. The new structure includes Responsive Web Design, JavaScript Algorithms, Front End Libraries, Python Programming, Relational Databases, and Back End Development certifications, each requiring around 300 hours of study. This change addresses the issue that the original 1,800-hour capstone certification was too lengthy for many learners who preferred earning credentials within a year.
- 12
Docusaurus·29w
Docusaurus 3.9
Docusaurus 3.9 drops Node.js 18 support and requires Node.js 20+, adds Algolia DocSearch v4 with AI-powered search assistant, improves internationalization with new locale configuration options, introduces Mermaid ELK layout support for complex diagrams, and includes various performance improvements and bug fixes.
- 13
80 LEVEL·29w
Deliver Mail on Tiny Planet in This Relaxing Web Game
Studio abeto released Messenger, a free web-based game built with WebGL and Three.js where players deliver mail on a tiny spherical planet. The relaxing experience features character customization, 3D emoji interactions, and a soothing soundtrack, demonstrating how modern web technologies can create engaging browser-based gaming experiences.
- 14
Chrome Developers·30w
Chrome for Developers
Chrome 140 introduces several new web development features including the ToggleEvent source attribute for identifying which element triggered a toggle event, support for counter() and counters() functions in CSS content property alt text for better accessibility, and the font-variation-settings descriptor in @font-face rules for more flexible font customization.
- 15
Zubair Ahmed Rafi·31w
The fastest website that does not use your framework
McMaster-Carr's website demonstrates that performance doesn't require modern frameworks. Despite its outdated appearance, the site achieves exceptional speed through techniques like image sprites, hover-based prefetching, selective JavaScript loading, and CDN optimization. The author argues that simplicity and performance matter more than Lighthouse scores, noting how the site's superior user experience contradicts its modest score of 66.
- 16
LogRocket·30w
Frontend developers are burned out, not lazy
Modern frontend development has become increasingly complex despite promises of improved productivity. While frameworks and tooling offer powerful capabilities, they introduce hidden costs through constant churn, decision fatigue, and abstraction overhead. Many projects stall at 60-80% completion due to these invisible friction points. The solution involves starting with minimal setups, automating routine tasks, choosing appropriate tools for specific requirements, understanding underlying technologies, and leveraging AI assistance carefully to focus more on product value rather than tooling complexity.
- 17
Is it Time to Un-Sass?
A developer reflects on 13+ years of using Sass and evaluates whether modern CSS features like native nesting, custom properties, and color-mix() function make it time to abandon CSS preprocessors. The analysis covers how native CSS has evolved to include many Sass-like features, discusses the complexity of modern tooling, and concludes that the decision depends on project size and requirements. For personal sites, moving away from Sass makes sense, but larger codebases may not justify the refactoring effort.
- 18
- 19
- 20
Chrome DevTools (MCP) for your AI agent
Chrome DevTools now integrates with AI coding assistants through the Model Context Protocol (MCP), allowing AI agents to debug web pages directly in Chrome. This enables AI assistants to see what their generated code actually does in the browser, analyze performance traces, diagnose network errors, simulate user behavior, and debug styling issues in real-time. The public preview is available via npm and aims to improve AI coding accuracy by providing browser debugging capabilities.
- 21
“Your” vs “My” in user interfaces
Explores the choice between using "your" vs "my" pronouns in user interfaces when referring to user-owned content. Recommends using "your" when the system communicates to users (navigation, labels) and "my" when users communicate to the system (form inputs, radio buttons). Often, no pronoun is needed at all - simple labels like "Account" or "Orders" work best when context is clear.
- 22
Medium·28w
7 AI Coding Techniques That Could Save You 10+ Hours This Week
Seven practical AI techniques for developers to automate repetitive coding tasks including component generation, API scaffolding, debugging assistance, code refactoring, UI creation, test generation, and deployment automation. Each technique includes structured prompts, real examples, and estimated time savings ranging from 45 minutes to several hours per task.
- 23
The Node.js Handbook, 2025 edition
A comprehensive Node.js handbook has been completely rewritten for 2025, covering Node.js v22 LTS from basic concepts to advanced topics. The guide includes 40+ major topics spanning installation, core concepts, module systems, file operations, streams, cryptography, testing, and network programming. Designed for beginners, it focuses on fundamental concepts with clear explanations of both how and why Node.js works, featuring modern JavaScript, ES modules, built-in APIs, best practices, performance optimization, and security guidelines with real-world examples.
- 24
web.dev·29w
A refresh of Learn CSS with nine new modules
Web.dev has refreshed their popular Learn CSS course with nine new modules covering modern CSS features that have emerged since 2021. The updated course includes modules on CSS nesting, container queries, custom properties, anchor positioning, view transitions for SPAs, and other contemporary features. The new content focuses on Baseline features that developers can confidently use in current projects, with clear browser compatibility information provided throughout.
- 25
WeProDev·32w
A powerful UI library to design e-commerce web sites
A specialized UI library and design system specifically created for building e-commerce websites. The kit provides pre-built components and design patterns to help developers create online shopping platforms similar to major marketplaces like Amazon, Alibaba, and eBay.
