Best of Web Development — November 2025

1. 1
   Article

   Amir·21w

   Is Frontend Dead? The Evolution You Can't Ignore

   Frontend development has evolved from simple UI work into full-system engineering. Modern frameworks like Next.js blur client-server boundaries with server components, edge deployment, and integrated data fetching. Developers now handle state management, security, performance optimization, and deployment—responsibilities traditionally split between frontend and backend roles. The shift demands understanding the complete user experience stack, from rendering strategies to authentication flows. This evolution creates opportunities for those who adapt by either broadening their skills across the full stack or specializing deeply in performance and user experience.

   871

   92
2. 2
   Article

   DEV·20w

   You're Not Building Netflix: Stop Coding Like You Are

   Over-engineering is a common trap for intermediate developers who apply enterprise patterns and abstractions to simple problems. The article argues against premature abstraction, showing real examples of unnecessarily complex code that could be replaced with straightforward solutions. Key principles include: abstract only what changes frequently, wait for three use cases before creating abstractions, avoid interfaces with single implementations, and prioritize readability over architectural sophistication. Simple, boring code that solves actual problems scales better than over-architected solutions designed for hypothetical future requirements.

   671

   55
3. 3
   Article

   Vangelis Sigalas·22w

   When Loving Code Isn’t Enough: My Burnout Story

   A developer shares their personal experience with burnout, describing how passion for coding gradually transformed into exhaustion and mental emptiness. The piece explores early warning signs like losing joy in previously loved activities, the pressure of being known as fast and reliable, and the toxic culture of constant productivity. Recovery came through taking actual time off, setting boundaries, and reconnecting with non-work activities. Key lessons include recognizing that loving your work makes you more vulnerable to burnout, the importance of involving developers in deadline decisions, and understanding that mental strain is as real as physical exhaustion.

   570

   64
4. 4
   Article

   Hacker News·22w

   Pikaday

   Most forms don't need JavaScript date pickers. Native HTML date/time inputs handle accessibility, performance, and internationalization automatically. For better usability, consider separate inputs for day/month/year, select dropdowns for limited options, or masked inputs with validation. Complex calendar widgets lead to more errors and accessibility issues. Keep forms simple by using native browser features and basic HTML elements that are easier to use and test.

   279

   15
5. 5
   Article

   System Design Newsletter·22w

   21 Frontend System Design Concepts for Software Engineers

   A comprehensive guide covering 21 frontend system design concepts organized into five categories: rendering strategies (SSG, ISR, SSR, CSR, hybrid), performance optimization (lazy loading, caching, service workers), data management (state management, API strategies, real-time updates), architecture patterns (micro frontends, component systems, CI/CD), and reliability considerations (accessibility, PWAs, security, observability). Explains how frontend engineering mirrors backend system design principles, with practical examples of when to use each approach for building fast, scalable web applications.

   172

   9
6. 6
   Article

   80 LEVEL·22w

   Delicious Jelly Switch Made with TypeGPU

   Developers Iwo Plaza and Konrad Reczko created interactive jelly-like UI components (a switch and slider) using TypeGPU, a TypeScript library that wraps the WebGPU API. The components leverage signed distance fields (SDFs) to achieve dynamic, jiggly animations, demonstrating creative possibilities for GPU-accelerated web interfaces.

   159

   11
7. 7
   Article

   DEV·22w

   I use AI when I code. And sometimes it makes me feel like I’m cheating.

   Using AI coding assistants can trigger feelings of guilt and imposter syndrome, as if the work doesn't count without manual struggle. The author reflects on how AI removes friction between ideas and implementation, arguing that the real value lies in creativity, decision-making, and what gets built—not the keystrokes. The piece validates developers who feel conflicted about AI assistance, reframing it as a tool that amplifies existing capabilities rather than diminishing them.

   145

   24
8. 8
   Article

   Overreacted·22w

   Hire Me in Japan — overreacted

   Dan Abramov, known for his work on React at Meta and the Bluesky app, is seeking a software engineering position in Japan with visa sponsorship. He recaps his 15+ years of professional experience, including creating React Hooks documentation, Fast Refresh, Create React App, and Redux. His recent work involved React Native development at Bluesky, focusing on performance optimization and UI quality. He's looking for roles in UI engineering and web development, preferably in Kyoto, with English as the primary work language while he learns Japanese.

   113

   16
9. 9
   Article

   LogRocket·21w

   Is retro design making a comeback?

   Retro design elements from the 90s—neon colors, pixel art, maximalist layouts, and bold typography—are resurging in modern interfaces. The piece explores how nostalgic design patterns can boost user engagement and brand identity when balanced with contemporary UX principles. It examines which vintage aesthetics work today, common pitfalls to avoid, and frameworks for blending nostalgia with accessibility and usability standards.

   110

   13
10. 10
    Article

    Facebook Engineering·22w

    StyleX: A Styling Library for CSS at Scale

    StyleX is Meta's open-source styling system that combines CSS-in-JS ergonomics with static CSS performance through build-time compilation. It generates atomic CSS classes to reduce bundle sizes by 80% while providing type-safe, predictable style authoring. The compiler uses Babel to extract styles, handle specificity automatically, and support features like theming, dynamic styles, and CSS variables. StyleX powers Facebook, Instagram, WhatsApp, and other major applications, enforcing constraints that prevent common CSS pitfalls like specificity wars and styling conflicts. The system includes tooling like ESLint plugins, CLI tools, and bundler integrations, with an active open-source community contributing extensions and improvements.

    110

    7
11. 11
    Article

    WebCraft·20w

    Is Frontend Dead? The Evolution You Can't Ignore

    Frontend development has evolved from simple UI work into full-system engineering. Modern frameworks like Next.js blur client-server boundaries with server components, edge deployment, and integrated data fetching. Developers now handle state management, security, performance optimization, and deployment—responsibilities traditionally split between frontend and backend roles. The shift demands understanding the complete user experience stack, from rendering strategies to authentication flows. This evolution creates opportunities for those who adapt by either broadening their skills across the full stack or specializing deeply in performance and user experience.

    101

    11
12. 12
    Video

    developedbyed·20w

    Animations that should not exist on the web

    Common web animation mistakes include typewriter effects, slow fade-ins exceeding 750ms, scroll jacking, auto-playing carousels, and excessive simultaneous movements causing anti-focus. Best practices involve keeping animations subtle and under 750ms, allowing users to pause auto-animations, maintaining consistent timing, and using libraries like Motion (formerly Framer Motion) or Tailwind CSS animation plugins instead of custom implementations.

    95

    3
13. 13
    Article

    rryyqn·20w

    How to burn $96.5 million on a failed website redesign

    Australia's Bureau of Meteorology spent $96.5 million on a website redesign that failed so badly it had to be reverted after 9 days. Users couldn't access critical weather data, farmers lost access to rainfall information and GPS coordinate searches, and the radar maps became unreadable. The government initially claimed the project cost $4.1 million, but investigation revealed $78 million went to a private consultancy. The federal government intervened and forced a rollback to the original site.

    92

    46
14. 14
    Article

    Product Hunt·22w

    Logo.dev: Reliable logos for any product, instantly.

    Logo.dev is an API service that provides reliable brand logos for companies, stock tickers, and crypto symbols through simple URL-based fetching. Built as a replacement for Clearbit's discontinued logo API, it offers global CDN delivery, automatic fallback logos, daily updates, and serves over a billion requests monthly to 25,000 developers. The service is free for most users and designed to be a stable, long-term solution for displaying logos in dashboards, SaaS products, and internal tools.

    90

    6
15. 15
    Article

    Product Hunt·21w

    Onyx: Free, local-first 4K screen recorder

    Onyx is a free, privacy-focused screen recorder that runs entirely in the browser without requiring cloud uploads or subscriptions. It captures studio-quality 4K video with high bitrate, storing recordings locally on your device. The tool eliminates common limitations like time restrictions and quality downgrades found in cloud-based alternatives, making it suitable for creators who need to share their work while maintaining full control over their data.

    88

    2
16. 16
    Article

    Lobsters·22w

    Reimagine the Date Picker

    The creator of Pikaday, a popular JavaScript date picker library from 2012, has archived the project and transformed it into a guide advocating against calendar widgets. The new resource encourages developers to use native HTML date inputs or simpler alternatives, arguing that complex calendar UIs lead to errors and poor usability. The guide challenges the assumption that date pickers need elaborate JavaScript libraries, emphasizing user-friendly interfaces over technically accessible but complicated components.

    79

    7
17. 17
    Article

    Astro·21w

    Astro 5.16

    Astro 5.16 introduces experimental SVG optimization using SVGO to reduce file sizes during builds, adds interactive keyboard shortcuts to the preview server (similar to the dev server), and improves AI agent compatibility with a --yes flag for automated integration setup. The release also includes an ActionInputSchema utility type for better type safety in actions and reduces the Netlify adapter's dependency footprint by 82 MB through updated dependencies.

    77

    2
18. 18
    Article

    DEV·21w

    "Technical Debt Will Bite Us in the Ass": How to Make Non-Technical Stakeholders Actually Care

    Engineers often struggle to get stakeholders to prioritize technical debt because they use technical jargon instead of business language. The key is translating code quality issues into tangible business impacts using relatable metaphors (infected wounds, cracked foundations) and quantifiable metrics (time, money, bug rates). Frame technical debt discussions by acknowledging stakeholder priorities first, connecting technical problems to their goals, quantifying costs, proposing clear ROI, and empowering them to make informed decisions. Cross-discipline communication isn't a soft skill—it's a core engineering competency.

    78

    13
19. 19
    Article

    Shefali·21w

    21 Frontend System Design Concepts for Software Engineers

    A comprehensive collection of 21 essential system design concepts specifically for frontend development. Covers critical topics including performance optimization, caching strategies, API design patterns, state management, rendering techniques, security considerations, accessibility, and scalability. Each concept is explained with practical context for building robust, production-ready web applications.

    77

    4
20. 20
    Video

    Dreams of Code·19w

    How my tech stack has changed through 2025

    A developer reflects on their tech stack evolution throughout 2025, driven largely by AI coding tools like Claude. Key changes include adopting TypeScript for frontend development with Next.js and React, switching from Clerk to Better Auth for authentication, implementing Drizzle ORM with Postgres, migrating from Mailgun to Resend for transactional emails, and moving to Dokploy for deployment with preview environments. The stack now centers on Go for backend services, TypeScript/Next.js for frontend, Better Auth for authentication, and various integrations including Neon for Postgres hosting and Polar.sh for payment processing.

    74

    3
21. 21
    Article

    Frontend Masters·21w

    Stop Using CustomEvent – Frontend Masters Blog

    Justin Fagnani argues against using CustomEvent in JavaScript, advocating instead for subclassing the Event class directly. The main benefit is that consumers can access event data as direct properties rather than having to extract it from the details property, resulting in cleaner and more intuitive API design.

    66

    5
22. 22
    Article

    The Register·20w

    LisaGUI recreates Apple’s Lisa interface in your browser

    LisaGUI is a JavaScript-based recreation of Apple's Lisa computer interface that runs in browsers. Unlike emulators, it faithfully reproduces the Lisa Office System's unique document-centric approach, where users work directly with stationery templates rather than traditional programs. The project showcases the Lisa's innovative UI concepts that predated the Macintosh, including document-focused workflows without save/load dialogs and a radically different approach to multitasking. The recreation allows developers and enthusiasts to experience the historically significant but commercially unsuccessful system that influenced modern desktop computing.

    65

    3
23. 23
    Video

    Fireship·23w

    React and Svelte had a secret love child…

    Ripple is a new TypeScript UI framework created by Dominic Galloway, former React and Svelte core team member. It combines JSX-like syntax with compiler-driven rendering, allowing statements (if/for loops) directly in templates instead of just expressions. Features include fine-grained reactivity using track functions with @ syntax, scoped CSS styling, and full TypeScript integration with tooling support for Prettier, ESLint, and VS Code.

    59

    1
24. 24
    Article

    Svelte Blog·23w

    What’s new in Svelte: November 2025

    Svelte 5.40-5.42 introduces typed contexts with createContext, $state.eager rune for immediate UI updates, and fork API for offscreen state changes. SvelteKit 2.44-2.48 adds event.route and event.url to remote functions, implicit form IDs, programmatic validation, AbortSignal support, and fork API integration. The official Svelte MCP server launches with documentation for AI-assisted development. Community highlights include new apps like Deep Time and Ririkku, learning resources covering remote functions and reactivity, and library updates including Skeleton v5 and TanStack Query v6 with runes support.

    59
25. 25
    Article

    LogRocket·21w

    What is maximalism in 90s web design?

    Explores how 90s web design maximalism—characterized by chaotic layouts, animated GIFs, bold color palettes, and table-based structures—influenced modern UX principles. Traces the evolution from flashy, crowded aesthetics to today's minimalist standards, examining how elements like grids, micro-animations, and visual hierarchy emerged from that era's experimental approach.

    59

    7