Best of Web Development — October 2025

1. 1
   Article

   Hacker News·26w

   Every Fucking AI-Coded Website Ever

   A satirical critique of AI-assisted coding practices, highlighting common pitfalls like blindly copying generated code without understanding it, poor project organization, lack of testing and documentation, and security vulnerabilities. The piece mocks developers who rely entirely on AI tools like Claude and ChatGPT to build websites without learning the underlying technology, resulting in identical-looking sites with messy codebases and questionable quality.

   1.1K

   129
2. 2
   Article

   The New Stack·26w

   CSS Finally Gets Inline Conditional Logic With New if() Function

   CSS now supports inline conditional logic through the new if() function in the 2025 W3C specification. This function allows developers to set different property values based on conditional tests using style queries, media queries, or feature queries. The syntax follows JavaScript's if-else pattern and can be used for tasks like theme switching, responsive design, and feature detection. Currently, Chrome and Edge support the function, while Safari and Firefox are still implementing it. This marks the first time CSS offers inline logic processing without requiring separate code blocks.

   392

   40
3. 3
   Article

   Kristjan Retter·28w

   Free online svg converter

   A free online tool for converting SVG files with support for color manipulation. The converter provides a simple interface for working with scalable vector graphics.

   339

   53
4. 4
   Article

   DEV·25w

   Why Do You Push Code During Work Hours?" - How an Interview Question Led Me to Build a Delayed Commit Feature

   A developer built a delayed commit feature for GoCommit after an interviewer questioned their GitHub commit timestamps during work hours. The tool allows developers to schedule commits outside restricted hours, addressing privacy concerns and work-life boundaries. It intercepts commits during configured work hours, presents alternative timestamps, and uses Git's native date flags to set both author and committer dates. The feature integrates with GoCommit's AI-powered commit message generator and raises questions about whether coding schedules should be public information.

   218

   33
5. 5
   Article

   Chrome Developers·24w

   Chrome for Developers

   Chrome 142 introduces three major CSS and web platform features: the :target-before and :target-after pseudo-classes for styling scroll markers relative to the active marker, range syntax support for style container queries and the if() function enabling numeric comparisons with operators, and the interestfor attribute for button and anchor elements that triggers actions when users show interest through hover, keyboard shortcuts, or long-press gestures.

   212

   3
6. 6
   Article

   blahh·24w

   When F1 Meets Web Design

   Formula 1 driver Lando Norris launched a visually impressive personal website that showcases exceptional web design and user interface work. The site serves as an example of high-quality digital presentation and creative web development.

   212

   33
7. 7
   Article

   The Miners·24w

   The 5 UI fundamentals a developer must know

   Five essential UI design principles that developers should understand: color theory and application, typography fundamentals including typeface selection and spacing, visual hierarchy through size and contrast, contrast for emphasis and accessibility, and proper alignment for order and readability. Each principle includes practical tips and guidelines for creating better user interfaces without formal design training.

   195

   4
8. 8
   Article

   Hacker News·24w

   I Built an App to Encourage My Kids to Invest — Just One HTML File

   A developer created a single-file HTML Progressive Web App to teach their children about investing and compound interest. The app, called D-investments, runs on an old smartphone mounted on the fridge and displays daily investment growth with configurable interest rates. It demonstrates how simple web technologies can solve real-world problems, turning financial education into an interactive, visual experience for kids.

   160

   15
9. 9
   Article

   Hacker News·24w

   React vs. Backbone in 2025

   A critical comparison of React and Backbone implementations of a password strength validator reveals that despite 15 years of framework evolution, the complexity trade-offs may not justify React's abstractions for most applications. While React appears cleaner, it introduces hidden complexity through reconciliation algorithms, stale closures, and dependency management that require deep framework knowledge to debug. Backbone's explicit, DOM-focused approach may be verbose but remains transparent and hackable. The piece questions whether modern frameworks have truly progressed or simply exchanged one set of problems for another, suggesting the industry needs simpler solutions for the 99% of apps that don't require massive-scale complexity.

   157

   18
10. 10
    Article

    Frontend Masters·25w

    The Two Button Problem – Frontend Masters Blog

    Explores a common interface design flaw where two buttons with different visual styles make it unclear which one is currently active or will be activated next. The problem is especially pronounced on devices without cursors (TVs, game consoles) where keyboard or remote navigation is required. Solutions include using consistent button styles with additive indicators for the active state, directional arrows, CSS media queries to detect input methods, and pressed/unpressed visual states for toggle buttons. The key principle is making the active state obviously distinct rather than relying on arbitrary style differences.

    123

    6
11. 11
    Article

    Ahmad Shadeed·25w

    Solved By Modern CSS: Section Layout

    A comprehensive guide to building adaptive section layouts using modern CSS features. Demonstrates how to create responsive card grids that automatically adjust based on content quantity using CSS Grid, container queries, the :has() selector, and quantity queries. Covers fluid typography with clamp() and container query units, conditional styling for cards with and without images, featured layout variations, and handling edge cases like orphaned items and long content. Includes practical solutions for common layout challenges and showcases experimental features like CSS random().

    118

    6
12. 12
    Article

    Lobsters·26w

    The Web Is About to Get Better for Everyone, Everywhere

    The European Accessibility Act, effective summer 2025, will require digital products in the EU to meet enforceable accessibility standards. This legislation will likely trigger a global upgrade in web accessibility, as companies typically build one version of their products rather than maintaining regional forks. Similar to GDPR's impact on privacy, the EAA will affect how teams design, build, and ship products, requiring semantic HTML, keyboard navigation, screen reader support, and inclusive design patterns. The improvements will spread through shared design systems, component libraries, and frameworks, benefiting developers worldwide and potentially influencing accessibility legislation in other regions.

    113

    40
13. 13
    Article

    web.dev·25w

    URLPattern is now Baseline Newly available

    The URL Pattern API is now Baseline Newly available across all major browsers, providing a standardized way to match URLs and extract parameters without complex regular expressions or third-party libraries. It supports named parameters, wildcards, regex patterns, and multipart matching across hostname, pathname, and other URL components. Common use cases include client-side routing, service worker fetch interception, and subdomain-based logic. The API reduces bundle size by eliminating routing dependencies while offering cleaner, more maintainable code compared to traditional URL parsing approaches.

    111

    3
14. 14
    Article

    Collections·26w

    Vite+: Revolutionizing JavaScript Tooling with Unified Solutions

    VoidZero announced Vite+, a unified JavaScript toolchain that integrates Rolldown, Oxlint, Vitest, and Oxc into a single platform. Built on Rust and created by Evan You, it provides scaffolding, testing, linting, formatting, bundling, and task running capabilities without cloud dependencies. The source-available commercial product will be free for open source projects and small businesses, with paid tiers for larger organizations. First public preview expected in early 2026.

    107

    4
15. 15
    Article

    Hacker News·24w

    Just use a button

    Using `<div>` elements with click handlers instead of `<button>` elements creates accessibility problems for screen reader and keyboard users. While you can add `role="button"`, `tabindex`, and keyboard event listeners to make a `<div>` behave like a button, this recreates functionality that `<button>` provides natively. The `<button>` element automatically includes proper semantics, focusability, and keyboard interaction without additional code.

    105

    13
16. 16
    Article

    Programming Digest·26w

    A complete guide to HTTP caching

    HTTP caching reduces latency, server load, and infrastructure costs by storing responses at multiple layers—browsers, CDNs, proxies, and application caches. The guide explains how Cache-Control directives (max-age, s-maxage, no-cache, no-store, stale-while-revalidate), validators (ETag, Last-Modified), and headers like Vary control freshness and revalidation. It covers common misconceptions (no-cache doesn't mean "don't cache"), freshness calculations, practical recipes for static assets, HTML, APIs, and authenticated content, plus browser behaviors like BFCache and speculation rules. A detailed Cloudflare section addresses CDN-specific defaults, edge cache TTLs, cache key normalization, and cache tags for event-driven purging.

    99

    3
17. 17
    Article

    David Heinemeier Hansson·27w

    Give me AI slop over human sludge any day

    AI-generated content, while often criticized as 'slop', is preferable to the low-quality human-created content that already floods the web. Content mills, SEO-optimized garbage, and manipulative marketing tactics represent a worse use of human creativity than letting AI handle this soul-crushing work. The real problem isn't AI content but our collective consumption habits and the endless demand for low-quality material that keeps both humans and machines producing it.

    98

    35
18. 18
    Article

    Viget·26w

    5 Articles That Influenced My Career

    A developer reflects on five pivotal articles that shaped their career journey from graphic design to full-time development. Key influences include Ethan Marcotte's responsive design introduction, OOCSS principles for managing CSS specificity, Vim tutorials that opened the door to command-line mastery, CSS Tricks' flexbox guide for modern layouts, and Viget's JavaScript approach for ES6+ development. The piece emphasizes how shared knowledge from the web community creates breadcrumb trails for others to follow.

    96
19. 19
    Article

    DEV·24w

    If I Had to Learn JavaScript Again: The Real Journey From 2017 to Today

    A developer shares their 8-year journey learning JavaScript from 2017 to 2025, detailing the messy, non-linear path from HTML/CSS basics through a CCNA networking detour, to building production apps with React, Node.js, and TypeScript. The post provides honest insights about what actually worked: building personal projects, reading others' code, deploying everything, and spending thousands of hours coding. Includes a practical month-by-month learning roadmap, curated resources (javascript.info, Matt Pocock for TypeScript, YouTube channels), and uncomfortable truths about imposter syndrome, job hunting, and the reality that learning never stops.

    92

    3
20. 20
    Video

    Fireship·26w

    React wants to win you back…

    React 19.2 introduces useEffectEvent hook to simplify effect dependencies and an Activity component for smarter component visibility management. The React compiler reached 1.0, automating memoization optimizations that developers previously handled manually with useMemo and useCallback. React and React Native are moving to an independent foundation after 15 years under Meta. Meanwhile, the Remix team announced Remix 3, a new framework built on web fundamentals without React's legacy baggage.

    90

    14
21. 21
    Article

    Prismic·27w

    CSS Alternatives to JavaScript: Sliders, Dialogs & More!

    Modern CSS can now handle many UI components that traditionally required JavaScript, including accordions, modals, tooltips, carousels, and dropdown menus. Using CSS-only solutions offers better performance, faster load times, improved maintainability, and fewer dependencies. The guide demonstrates how to build common interactive components using modern CSS features like :has(), :checked, :target selectors, and CSS animations, while comparing them to their JavaScript equivalents. Best practices include checking browser support, ensuring accessibility, using progressive enhancement, and choosing the right tool based on complexity requirements.

    77

    4
22. 22
    Article

    TechCrunch·27w

    Google launches its AI vibe-coding app Opal in 15 more countries

    Google expanded Opal, an AI-powered no-code app builder, to 15 new countries including Canada, India, Japan, and Brazil. The tool lets users create web apps through text prompts and visual workflows without writing code. Recent improvements include faster app creation (down from 5+ seconds), step-by-step debugging in a visual editor, and parallel execution for complex workflows. Opal competes with similar offerings from Canva, Figma, and Replit in the growing no-code development space.

    75
23. 23
    Article

    freeCodeCamp·28w

    Build a Full Stack Movie Streaming App with Go, React, MongoDB, OpenAI

    A comprehensive 15-hour course teaches building MagicStream, a production-ready movie streaming application with AI-powered recommendations. The stack includes Go with Gin-Gonic for the backend API, React for the frontend, MongoDB for data storage, and OpenAI integration via LangChainGo for intelligent movie suggestions. The course covers secure authentication with http-only cookies, token validation middleware, and deployment to Atlas, Render, and Vercel.

    74
24. 24
    Article

    RUBYLAND·25w

    Announcing Attractive.js, a new JavaScript-free JavaScript library

    Attractive.js is a minimal JavaScript library that adds interactivity to websites using only HTML data attributes, requiring no JavaScript code. It supports actions like toggling classes, manipulating attributes, form submission, clipboard operations, and dialog handling through a simple data-action syntax. Designed as a lighter alternative to Stimulus for static sites and early-stage Rails apps, it works alongside Stimulus when more advanced functionality is needed. The library draws inspiration from Stimulus and Alpine but aims for maximum simplicity, making it ideal for quickly shipping Turbo-powered Rails applications with basic interactivity.

    71

    1
25. 25
    Article

    LogRocket·28w

    We Got Wasm 3.0 Before GTA 6: Meet The Web’s New Engine

    WebAssembly 3.0 introduces significant improvements including a garbage collector, exception handling capabilities, and Memory64 support. These features position WebAssembly as a more mature and capable platform for web development, enabling better performance and broader language support in browser environments.

    70

    5