Best of Web Development — December 2025

1. 1
   Article

   Una Kravets·18w

   CSS Wrapped 2025

   Chrome 135 introduces Invoker Commands, allowing buttons to perform actions on dialogs and popovers declaratively using commandfor and command attributes, eliminating the need for JavaScript onclick handlers. The feature supports built-in commands like show-modal, close, and toggle-popover that mirror their JavaScript counterparts, plus custom commands prefixed with double dashes that can be handled via the toggle event. A polyfill is available for broader browser support.

   278

   7
2. 2
   Article

   Hacker News·17w

   Please Just Fucking Try HTMX

   HTMX offers a middle ground between raw HTML limitations and JavaScript framework complexity. By adding HTML attributes that trigger server requests and swap in HTML responses, you can build interactive web applications without the overhead of React, Vue, or Angular. A case study shows a company reduced their codebase by 67%, cut JavaScript by 90%, and improved performance by switching from React to HTMX. The approach works best for typical CRUD applications, dashboards, and forms rather than highly interactive apps like Google Docs. The core benefit is simplicity: no build tools, no state management libraries, just HTML attributes and server-side rendering.

   254

   45
3. 3
   Article

   Hacker News·19w

   Better than JSON

   Protocol Buffers (Protobuf) offers significant advantages over JSON for API development through strong typing, binary serialization, and automatic code generation. While JSON remains popular for its human readability and flexibility, Protobuf provides 3x smaller payload sizes, type safety across multiple languages, and eliminates manual validation errors. The article demonstrates practical implementation using Dart and the Shelf framework, showing how Protobuf can be used independently of gRPC in traditional HTTP APIs. The main trade-off is reduced human readability of binary data, requiring schema files and specialized tooling for debugging.

   250

   22
4. 4
   Article

   Addy Osmani·19w

   Farewell for now, Chrome.

   Addy Osmani reflects on nearly 14 years working on Chrome, highlighting major contributions including Core Web Vitals that saved users 30,000 years of waiting time, evolution of DevTools into the industry standard debugging tool, advancement of PWAs and Service Workers for offline-capable web apps, collaboration with frameworks and tooling ecosystems, development of Speedometer benchmarks with other browser vendors, transition to Manifest V3 for extensions, improvements in browser automation through Headless Chrome and WebDriver BiDi, and early AI agent tooling with Chrome DevTools MCP. He announces his transition to a new role at Google while expressing gratitude to the web development community.

   224

   13
5. 5
   Article

   Collections·18w

   freeCodeCamp Launches New JavaScript and Responsive Web Design Certifications

   freeCodeCamp launched three new certification programs covering JavaScript, Python, and Responsive Web Design. Each certification includes hundreds of hours of interactive content, five hands-on projects, and a 50-question proctored exam with anti-cheating measures. The programs cover core concepts like DOM manipulation and asynchronous JavaScript, Python data structures and algorithms, and responsive design with CSS Flexbox and Grid. All certifications are free, permanently valid, and don't require webcam or ID verification.

   215

   8
6. 6
   Article

   Lobsters·18w

   Vanilla CSS is all you need

   Modern CSS has evolved to include native variables, nesting, container queries, and advanced features like :has() and color-mix(), making build tools and preprocessors unnecessary for many projects. An analysis of three production applications from 37signals (Campfire, Writebook, and Fizzy) reveals a consistent nobuild CSS architecture using OKLCH colors, character-based spacing, semantic component classes with minimal utilities, and progressive adoption of cutting-edge CSS features. The approach demonstrates that vanilla CSS can handle real-time chat, publishing platforms, and project management tools with 14,000 lines across 105 files, achieving sophisticated interactions like animated dialogs, dynamic theming, and stateful UI without JavaScript or build steps.

   213

   15
7. 7
   Video

   CodeHead·17w

   Why It Sucks To Be A Fullstack Dev Now

   Full stack development has evolved from a valuable versatile skill into an overwhelming expectation to master an ever-expanding technology landscape. The modern stack spans frontend frameworks, backend infrastructure, cloud deployments, and DevOps, forcing developers into shallow knowledge across all areas rather than deep expertise. This creates constant context switching, impostor syndrome, and unrealistic job expectations where companies seek multiple specialized roles under one title. Specialization with T-shaped skills is proving more effective than attempting to master everything, suggesting developers should choose depth in one area while maintaining collaborative breadth.

   212

   32
8. 8
   Article

   LogRocket·19w

   Stop using JavaScript to solve CSS problems

   Modern CSS features like content-visibility, container queries, and scroll-driven animations now handle tasks developers traditionally solved with JavaScript. Content-visibility provides native virtualization without libraries like react-window, container queries enable responsive design based on parent containers rather than viewport width, and scroll-driven animations run on the compositor thread for better performance. While JavaScript remains necessary for truly infinite lists, precise measurements, and dynamic layouts, most common use cases benefit from CSS-first solutions with simpler code and better performance.

   208

   8
9. 9
   Article

   DEV·16w

   Technical Debt Is a Myth Created By Bad Managers

   The term "technical debt" is a fundamentally broken metaphor that shifts blame from management decisions to engineers. Most code quality issues stem from impossible deadlines, resource constraints, and business pressures rather than deliberate shortcuts. Code naturally ages as requirements evolve and platforms change, which isn't debt but normal software evolution. The metaphor obscures that engineering decisions are trade-offs made under specific constraints, not moral failures. Better alternatives include "maintenance cost," "context shift," or "technical consequences of business decisions" to accurately reflect accountability and enable realistic planning.

   202

   20
10. 10
    Article

    Laravel Dev·15w

    PHP Is Alive But No Longer Strategic

    PHP remains functional and profitable but has lost its strategic position in modern development. Laravel and WordPress sustain the ecosystem, yet GitHub activity shows declining innovation. Full-stack JavaScript offers superior development speed through unified language usage across all layers. The PHP user base skews toward older developers maintaining legacy systems. While PHP continues serving existing applications, it no longer drives modern architecture patterns like distributed systems and event-driven design.

    196

    72
11. 11
    Video

    CodeHead·15w

    The Fun Way To Learn Web Development

    Learning web development becomes engaging when you focus on building small, tangible projects rather than passively consuming tutorials. Project-based learning with constraints, sharing work publicly, and using AI as an experimentation tool rather than a copy-paste shortcut creates momentum. Consistency through 30-minute daily sessions compounds faster than marathon study sessions, making learning feel like a challenge rather than homework.

    179

    8
12. 12
    Article

    Web Performance Calendar·16w

    Revisiting HTML streaming for modern web performance

    HTML streaming allows servers to send HTML progressively rather than in one chunk, enabling browsers to render content as it arrives. HTMS is an experimental project that extends basic streaming with progressive placeholders that can be updated asynchronously within a single HTTP response. This approach delivers early First Contentful Paint, maintains SEO-friendly complete HTML documents, and achieves strong Lighthouse scores without client-side hydration. The technique works best combined with SSR, SSG, or tools like HTMX, though it introduces constraints around error handling once streaming begins and requires careful layout planning.

    172

    7
13. 13
    Article

    The New Stack·18w

    ES2026 Solves JavaScript Headaches With Dates, Math and Modules

    ECMAScript 2026 is set to introduce significant improvements to JavaScript, including Math.sumPrecise for more accurate floating-point calculations, Uint8Array base64 encoding methods, and enhanced JSON parsing with source text access. The release will improve internationalization with Intl.Locale enhancements for handling regional date/time formats and weekend variations. Major additions include the Temporal API to replace JavaScript's problematic Date object with better time zone handling and calendar support, explicit resource management with using blocks for automatic cleanup, and import defer for optimizing module loading performance. Additional features include Error.isError for reliable error checking, Iterator.concat for chaining iterators, Array.fromAsync for async iterables, and Map/WeakMap upsert operations.

    171

    2
14. 14
    Article

    Visual Studio Blog·16w

    How AI fixed my procrastination

    A developer shares their experience using GitHub Copilot and AI agents in Visual Studio to complete three long-postponed projects during a holiday weekend: converting a book into a static website, building a TOON language parser and Visual Studio extension, and creating new color themes. The AI tools provided 5-10x speed improvements by generating code, handling isolated tasks in parallel, and jumpstarting complex work. While AI accelerated development significantly, manual refinement and traditional coding were still needed for certain tasks. The experience demonstrates how AI coding assistants can overcome procrastination by reducing the initial barrier to starting overwhelming projects.

    164

    6
15. 15
    Article

    freeCodeCamp·16w

    How to Prepare for Technical Job Interviews – Based on My Experience Landing a Job

    A web developer shares their 18-month job search journey, detailing how they struggled with technical interviews despite having the necessary skills. The core issue was recall under pressure, not knowledge gaps. By adopting active recall techniques using flashcards, asking recruiters what to prepare for, and shifting job search strategies to smaller communities, they eventually landed a $5,500/month position with relocation. The approach emphasizes consistent practice of fundamentals, targeted preparation, and strategic job hunting over mass applications.

    155

    3
16. 16
    Article

    CSS-Tricks·19w

    Prevent a page from scrolling while a dialog is open

    Chrome 144 introduces a fix for preventing page scrolling when modal dialogs are open by extending overscroll-behavior to work on non-scrollable containers. By setting overscroll-behavior: contain on both the dialog element and body, and making the dialog a scroll container with overflow: hidden, developers can now solve this long-standing issue without JavaScript workarounds that previously required fixing body positioning.

    151

    5
17. 17
    Video

    DesignCourse·15w

    2026 UI/UX Design Trends - 2 of the Biggest Trends

    Two major UI/UX design trends for 2026: First, designers should adopt AI-assisted development tools like Cursor to become full-stack capable, moving beyond Figma-only workflows to build functional prototypes and projects without deep coding expertise. Second, designers should learn low-code/no-code WebGL tools (Unicorn Studio, Spline 3D, HANA, Rive) to create distinctive experiences that differentiate from AI-generated designs. The combination of AI-assisted development skills and specialized visual tools will separate skilled designers from generic AI output.

    112

    2
18. 18
    Video

    Stefan Mischook·17w

    The End of JavaScript Frameworks

    Mastering JavaScript fundamentals is more valuable than chasing specific frameworks. Understanding core concepts like the DOM, async operations, and the web stack makes learning any framework straightforward. Framework debates create analysis paralysis that prevents developers from becoming employable. Focus on building strong foundations first, then choose a framework based on local job market demand rather than hype.

    112

    29
19. 19
    Article

    Brad Frost·18w

    Size of Life

    Neal Agarwal's "Size of Life" is highlighted as an exceptional example of web design, praised for its beauty, interactivity, and educational value. The project serves as inspiration for developers and designers looking to create engaging, informative web experiences.

    104

    4
20. 20
    Article

    Cassidy's blog·19w

    CSS Clamp

    The CSS clamp() function enables responsive sizing by setting a value between minimum and maximum bounds with a preferred middle value. It accepts three parameters (minimum, preferred, maximum) and can replace verbose media queries with a single line of code. Common use cases include fluid typography and flexible column widths that adapt smoothly across viewport sizes while maintaining readability constraints.

    103

    8
21. 21
    Article

    CSS-Tricks·17w

    Masonry Layout is Now grid-lanes

    The CSS Working Group has officially decided on `display: grid-lanes` as the syntax for triggering masonry layout in CSS. After years of debate starting in 2017, the CSSWG resolved to reuse grid templating and placement properties for masonry. All major browsers (Chrome, Safari, Firefox) had already implemented experimental versions with different syntaxes but are now working on switching to `grid-lanes`. The feature is not yet available in stable browsers, but implementation work is underway across all major browser engines.

    102

    3
22. 22
    Article

    Blogging and all that Malarkey·15w

    A new gold mine graphic animation

    A designer shares their process of creating an animated gold mine graphic for a contact page, replacing an earlier version they disliked. The workflow involved pencil sketching, creating vectors in Sketch, then implementing CSS animations for swaying buckets and swinging lamps, plus vanilla JavaScript for dust particles and gold shimmers. The graphic features pioneer characters positioned at a mine entrance with atmospheric effects.

    101

    1
23. 23
    Article

    freeCodeCamp·16w

    Christmas gifts for you from the freeCodeCamp community: Learn Python, SQL, Spanish, and more

    freeCodeCamp launched Version 10 of its curriculum with four new free certifications: Python, JavaScript, Responsive Web Design, and Relational Database/SQL. Each certification includes dozens of projects and a final exam. Two additional certifications (Front End Libraries and Back End Development) will launch in 2026. The platform also released English for Developers certifications (A2 and B1 levels) and beta A1 level courses for Spanish and Mandarin Chinese. The community published 129 video courses, 45 books, 452 tutorials, and merged over 4,000 commits to their open source platform in 2025.

    98

    2
24. 24
    Article

    OddBird·18w

    Make it ugly, for clients

    High-fidelity design mockups can mislead clients into focusing on superficial details like colors and fonts rather than core structural decisions. OddBird deliberately removes polish from early mockups using techniques like grayscale filters, off-brand fonts, or scribbled annotations to help clients understand what stage the design is in and provide appropriate feedback. This approach prevents 'premature sheen' from creating false impressions of completeness and keeps conversations focused on the right questions at each phase of the project.

    97

    10
25. 25
    Article

    Svelte Blog·19w

    What’s new in Svelte: December 2025

    Svelte Society launched a new dynamic website featuring community content feeds and user submissions. SvelteKit 2.49.0 introduces file upload streaming in forms, while Svelte 5.45.0 adds a print API for AST-to-source conversion and a hydratable API for coordinating hydration. The Svelte CLI now supports adding add-ons during project creation. Apple's web-based App Store joins other Apple products built with Svelte. New community tools include better-svelte-email for email rendering, chain-enhance for sequential form actions, and various UI component libraries.

    82

    1