Best of Frontend Development — December 2025

  1. 1
    Article
    Avatar of hnHacker News·20w

    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.

  2. 2
    Article
    Avatar of lobstersLobsters·22w

    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.

  3. 3
    Video
    Avatar of codeheadCodeHead·21w

    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.

  4. 4
    Video
    Avatar of designcourseDesignCourse·19w

    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.

  5. 5
    Article
    Avatar of newstackThe New Stack·19w

    Web Components Are the Comeback Nobody Saw Coming

    Web components are experiencing a resurgence as developers tire of framework complexity and bloated bundles. Native browser APIs like custom elements and Shadow DOM offer framework-agnostic, lightweight alternatives that work across React, Vue, or vanilla JavaScript without modification. Major browser support is now stable, and libraries like Lit have improved developer experience. The interoperability advantage makes web components ideal for design systems and microfrontends, allowing teams to build reusable UI components once and deploy them anywhere. As performance budgets tighten and framework fatigue sets in, the native web platform capabilities are proving sufficient for most modern applications.

  6. 6
    Article
    Avatar of cassidooCassidy's blog·22w

    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.

  7. 7
    Article
    Avatar of svelteSvelte Blog·23w

    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.

  8. 8
    Article
    Avatar of dailyopensourcetoolsDaily Open Source Tools·22w

    Cascader-shadcn: A simple Cascader component for Shadcn

    Cascader-Shadcn is a new open-source cascading dropdown component for Shadcn UI that provides hierarchical menu navigation with click or hover expansion. It supports icons, custom labels, and per-option disabling, offering similar functionality to Ant Design and React Suite cascaders in a lightweight, Shadcn-compatible package.

  9. 9
    Article
    Avatar of css_tricksCSS-Tricks·21w

    What Else Could Container Queries… Query?

    Container queries have evolved beyond simple size queries to include scroll-state queries, anchored container queries, and potentially many more types. The article explores current container query capabilities including detecting scrollability, sticky positioning, and anchor position fallbacks. It discusses future possibilities like querying any CSS property value, detecting element wrapping or ellipsing, counting child nodes, and determining flex/grid positions. The author predicts container queries will become increasingly versatile, potentially offering dozens of query types similar to how media queries have expanded.

  10. 10
    Article
    Avatar of bramBram.us·22w

    The Google Antigravity website, rebuilt with Modern CSS

    A recreation of Google's Antigravity website using modern CSS features instead of scroll-jacking JavaScript. The implementation showcases advanced CSS capabilities including scroll-driven animations, anchor positioning, container queries, CSS Houdini PaintWorklet, and experimental features like scroll-state queries and sibling-index(). Built with progressive enhancement to ensure compatibility across browsers, with minimal JavaScript usage limited to PaintWorklet registration and cursor position tracking.

  11. 11
    Article
    Avatar of newstackThe New Stack·19w

    Trends That Defined JavaScript in 2025

    JavaScript in 2025 saw a shift toward performance optimization and web standards, with developers questioning React's dominance as modern browsers matured. Signals emerged as a key reactivity pattern across Angular, Vue, Solid, and Svelte. Compilers took on more optimization work, with React Compiler and Svelte 5's Runes automating performance improvements. VoidZero launched Vite+ as a unified Rust-based toolchain to address JavaScript's fragmentation. AI integration moved to the frontend through MCP servers and browser-based machine learning libraries, while new frameworks like Hono, Mastro, and Wasp addressed specific use cases from edge computing to multipage apps.

  12. 12
    Article
    Avatar of tzhsbevyajhcmr0fmoxfjAlexey Zerkalenkov·22w

    The Frontend Database API Gateway

    A frontend-first API gateway that enables developers to build applications without waiting for backend implementation. It allows rapid prototyping with runtime data and seamless integration with various backend services like Supabase, Firebase, GraphQL, and REST APIs without requiring frontend code rewrites.

  13. 13
    Video
    Avatar of kevinpowellKevin Powell·20w

    Stop using the legacy color syntax

    Modern CSS color syntax no longer requires the 'A' suffix in RGBA/HSLA or comma separators. The new space-separated syntax uses a forward slash before alpha values (e.g., `rgb(255 0 0 / 0.5)`). This syntax is mandatory for newer color functions like OKLCH, LAB, and the color() function, which support wider color gamuts beyond sRGB. The most practical benefit is relative colors, which allow manipulating existing color variables on-the-fly, such as adding transparency to any color format using syntax like `hsl(from var(--color) h s l / 0.5)`. The legacy comma syntax still works and doesn't require refactoring existing projects.

  14. 14
    Video
    Avatar of t3dotggTheo - t3․gg·19w

    CSS got WAY better in 2025

    Chrome shipped 22 new CSS and UI features in 2025, including customizable select elements, native popover and dialog controls, scroll-based animations, view transition improvements, and declarative UI patterns. Major additions include invoker commands for JavaScript-free interactions, anchor positioning with container queries, scroll state queries, tree counting functions for staggered animations, and the shape function for complex clipping paths. New text layout controls enable proper vertical centering, while DOM state-preserving moves keep video and iframe state during reparenting. Most features work in Chromium browsers but lack Firefox and Safari support.

  15. 15
    Article
    Avatar of logrocketLogRocket·20w

    Angular vs. React vs. Vue.js: A performance guide for 2026

    Angular 20, React 19.2, and Vue 3.5 have converged around signals-based reactivity, compiler-driven optimizations, and improved hydration strategies. Angular offers zoneless architecture with 20-30% runtime gains and enterprise-grade structure. React provides the largest ecosystem with automatic batching and compiler-assisted memoization. Vue delivers the smallest bundle size at 20KB with fine-grained reactivity and Vapor Mode previews. Performance differences are narrowing as all three frameworks adopt similar architectural patterns around reactivity, edge rendering, and build tooling. Framework choice now depends more on team size, ecosystem needs, and architectural preferences than raw performance metrics.

  16. 16
    Article
    Avatar of dailyopensourcetoolsDaily Open Source Tools·22w

    Cascader-shadcn: A simple Cascader component for Shadcn

    Cascader-Shadcn is a new open-source cascading dropdown component for Shadcn UI that provides hierarchical menu navigation with click or hover expansion. It supports icons, custom labels, and per-option disabling, offering similar functionality to Ant Design and React Suite cascaders in a lightweight, Shadcn-compatible package.

  17. 17
    Article
    Avatar of collectionsCollections·21w

    Introducing Ripple: A New Frontend Framework Designed for AI-Enhanced Development

    Ripple is a new TypeScript-based UI framework created by Dominic Gannaway (InfernoJS creator and React core contributor) designed for AI-generated code workflows. It uses a custom .ripple file extension as a TypeScript superset, features fine-grained reactivity without virtual DOM or Signals, and supports JSX-like syntax with automatic dependency tracking. The framework combines concepts from React, SolidJS, and Svelte, currently focuses on single-page applications without SSR support, and plans AI-powered debugging tools. Open-sourced under MIT license with React compatibility adapters, it prioritizes developer experience and code maintainability over raw performance.

  18. 18
    Article
    Avatar of csstipCSS Tip·22w

    The Hidden Selectors of The HTML Element

    Explores alternative CSS selectors for targeting the HTML root element beyond the standard `html{}` and `:root{}`. Demonstrates lesser-known approaches including the nesting selector `&`, `:scope`, `:has(head)`, `:not(* *)`, and `:not(* > *)`. Explains how these selectors work by leveraging fallback behaviors and unique characteristics of the HTML element, such as being the only element without a parent or having head and body as children.

  19. 19
    Video
    Avatar of wdsWeb Dev Simplified·18w

    I Love the NEW CSS Functions

    CSS now supports custom functions using the @function syntax, enabling developers to create reusable logic like responsive sizing and color manipulation. Functions follow CSS cascade rules, use the 'result' property instead of return statements, support default parameters and type annotations, and can be overridden using CSS layers. Practical examples include building a transparency function and a responsive value switcher that adapts based on media queries.

  20. 20
    Article
    Avatar of iotechhubiO tech_hub·22w

    Designing with Prompts: AI Powered Frontend Development and Its Next Step

    AI-powered development tools are transforming frontend workflows through prompt-based coding, autonomous agents, and design-to-code automation. Tools like Cursor IDE, Builder.io, and v0.app enable conversational development where natural language descriptions generate production-ready components. AI agents can now plan workflows, run tests, fix bugs, and deploy code with minimal human intervention. While these tools dramatically reduce development time, they introduce challenges around security, context management, and ethical governance. The future points toward AI-native frameworks and full-stack autonomy, but human oversight remains essential for creativity, architecture decisions, and ethical judgment.

  21. 21
    Article
    Avatar of lobstersLobsters·20w

    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 apps without bundlers, state management, or massive dependencies. A case study shows a company reduced their codebase by 67% and improved performance by switching from React to HTMX. The approach works best for typical CRUD apps, dashboards, and forms—not highly interactive applications like Google Docs. The core idea: let the server return HTML fragments and use hypermedia architecture as originally intended.

  22. 22
    Article
    Avatar of piccalilliPiccalilli·22w

    A pragmatic guide to modern CSS colours - part two

    Modern CSS color functions like oklch(), hsl(), and color-mix() enable developers to create dynamic color schemes directly in the browser. The guide demonstrates practical techniques including generating complementary colors by manipulating hue values, creating perceptual color scales with consistent brightness across different hues, building surface levels for dark themes, and mixing colors in different color spaces. The oklch() color space offers better perceptual uniformity than hsl(), making it ideal for maintaining consistent contrast ratios across color variations. Relative colors combined with calc() allow for programmatic color manipulation, while color-mix() provides flexible blending capabilities that will become even more powerful with upcoming CSS custom functions.

  23. 23
    Article
    Avatar of newstackThe New Stack·20w

    TanStack Adds Framework-Agnostic AI Toolkit

    TanStack released an alpha framework-agnostic AI toolkit supporting JavaScript/TypeScript, PHP, and Python with adapters for OpenAI, Anthropic, Gemini, and Ollama. Anthropic acquired Bun JavaScript runtime to power Claude Code while keeping it open source under MIT license. Vite 8 beta launched with Rolldown bundler, delivering 10-30x faster builds than Rollup. Infragistics open sourced its Ignite UI library with 50+ enterprise components for Angular, Blazor, React, and Web Components. Chrome published a guide to 22 new CSS and UI features from 2025, including customizable select elements and native carousel APIs. Svelte launched a new community website with dynamic content feeds and updated SvelteKit with streaming file uploads and CLI improvements.

See all Frontend Development archives