Brad Frost·3wCoding Club
Brad Frost visits his daughter's after-school coding club to share his passion for web development. He demos browser DevTools tricks on Minecraft's website, shows his daughter's vibe-coded game, and builds a live interactive webpage using JSON data collected from the kids in real time. The post reflects on the joy of sharing the magic of coding with children, free from professional jargon and business concerns.
web.dev·6wNavigation API - a better way to navigate, is now Baseline Newly Available
The Navigation API has reached Baseline Newly Available status across all major browsers as of early 2026, replacing the long-problematic History API for single-page applications. It provides a single centralized NavigateEvent that handles all navigation types—link clicks, form submissions, back/forward buttons, and programmatic navigation—eliminating the fragile multi-step setup previously required. Key features include automatic URL updates, built-in accessibility handling (focus management), manual scroll timing control via event.scroll(), and seamless integration with the View Transitions API for app-like animations. Code examples demonstrate how the new API simplifies client-side routing compared to the old window.history approach.
freeCodeCamp·4wBuild 19 Web Dev Projects using HTML, CSS, & JavaScript
A 12-hour freeCodeCamp YouTube course covering 19 hands-on web development projects built with HTML, CSS, and JavaScript. Projects range from interactive quiz games, Kanban boards, and expense trackers to API integrations (MealDB, GitHub, currency converter), UI components, and utility tools like a password generator and scroll progress indicator.
Ruby Flow·5wRuby vs. Python: Why I Choose Happiness Over Hype
A personal take arguing that Ruby is the superior language for product builders and SaaS developers, despite Python's dominance in data science and AI. The author makes the case through five points: Ruby's pure object-oriented design, the expressiveness of blocks and DSLs, Rails' cohesive 'omakase' philosophy versus Python's fragmented web ecosystem, Ruby's human-readable syntax, and the craft-focused community culture. Python is acknowledged as the right tool for data science and scripting, but Ruby is championed for developer happiness and code aesthetics.
Fireship·3wClaude just hijacked my computer...
Anthropic's Claude Computer Use feature lets Claude autonomously control your Mac — opening apps, attending Zoom meetings, writing code, and more — all triggered from a phone prompt. The video humorously demonstrates use cases like automating job interviews, attending standups via AI voice, scheduling pull requests to fake productivity, and even logging into bank accounts. It also compares Claude Computer Use (paid, closed-source, Mac-only) to OpenClaw (free, open-source, model-agnostic) and touches on security concerns raised by Palo Alto Networks about open-source computer-use agents.
Theo - t3․gg·5wAre you f**king kidding?
California and Colorado have passed/proposed laws requiring operating systems and app stores to collect age verification data from users, with fines up to $7,500 per affected minor for intentional violations. The author argues these laws are written by legislators who don't understand software, will create massive compliance burdens for open-source maintainers, fragment software distribution across state lines, and expose users to unnecessary privacy risks by forcing collection of sensitive identity data. Real-world effects are already visible: MidnightBSD updated its license to exclude California residents, Canonical is reviewing Ubuntu's response, and Discord is requiring face scans or IDs. The author calls on developers—especially those in California—to contact their state representatives to push back against these laws before they spread further.
Svelte Blog·6wWhat’s new in Svelte: March 2026
The March 2026 Svelte monthly update covers new features across Svelte, SvelteKit, and the Svelte CLI. Svelte gains createContext support for programmatic component instantiation, TrustedHTML support in {@html} expressions, comments in HTML tags, and server-side error boundaries. SvelteKit adds scroll position info to navigation callbacks, Vite 8 support, a match function for reverse route resolution, and Netlify adapter updates including netlify.toml redirect support. The Svelte CLI now includes better-auth as an official addon. The State of JS 2025 shows Svelte leading reactive frameworks in positive sentiment. A community showcase highlights new apps, libraries, and tools built with Svelte.
Fireship·4wThe rise and fall of famo.us...
A retrospective on famo.us, a 2012-era JavaScript rendering engine that raised $30 million by using GPU-accelerated CSS 3D matrix transforms to bypass the browser's layout engine. The framework promised native-like performance across all devices but ultimately failed due to browsers catching up with GPU compositing improvements, the rise of React and Three.js, a complex API requiring deep math knowledge, and unsustainable business economics. Despite its failure, famo.us is credited with pushing the industry's expectations for web performance and UI ambition forward.
SitePoint·4wThere Is No “Wrong” in CSS
There is no objectively "wrong" CSS, and four reasons support this claim. First, if CSS works without practical disadvantages, there's no reason to change it, especially given the web platform's strong backwards-compatibility guarantees. Second, any consequences of suboptimal CSS fall on the developer or organization, making it their call to address. Third, CSS is easy to refactor when a better approach is needed, so no mistake is truly grave. Fourth, when CSS creates real barriers for users, that's arguably a platform-level responsibility rather than a developer failure. CSS advice should always be understood as context-dependent guidance, not universal law — and distinguishing advice from dogma is key to evaluating criticism of your code.
ByteMonk·6wTailwind CSS: The Web Dev Game Changer
Tailwind CSS rose to prominence by applying solid design principles: composition over inheritance (independent utility classes), convention over configuration (smart defaults), and locality of behavior (styles co-located with HTML). These qualities made it predictable and easy to learn. However, those same qualities made it trivially easy for AI tools like GitHub Copilot and ChatGPT to generate Tailwind code, which devastated the business model. Documentation traffic dropped, revenue fell ~80%, and 75% of the engineering team was laid off. The founder shut down the docs site, citing AI's brutal impact. The broader lesson: any developer tool that's easy to learn is also easy for AI to replicate, putting documentation-and-premium-component business models at risk.
Stefan Mischook·5wDevelopers, This Is How You Code 5× Faster in 2026
A video transcript offering advice on boosting developer productivity by 5x or more. Key recommendations include mastering fundamentals before picking frameworks, evaluating job market demand when choosing technologies, using AI tools strategically rather than delegating entire projects to them, leveraging IDEs, and learning full-stack development for architectural awareness. The core AI insight is that effective AI use requires developer-level knowledge: vague prompts produce messy code, while precise, technically-grounded prompts yield fast, clean results. The 'AI doom loop' is highlighted as a real risk for developers who lack foundational skills.
Joy of Code·5w20 Modern CSS Features You Should Know About
A walkthrough of 20 modern CSS features introduced in 2025, covering invoker commands, dialogue light dismiss, popover hints, customizable select elements, CSS carousels with scroll buttons and markers, scroll spy via scroll-target-group, anchored container queries, interest invokers, scroll state queries, sibling index/count functions, scroll-into-view container option, nested view transition groups, DOM state-preserving moveBefore API, advanced attr() function, event source on toggle events, textbox trimming, the shape() function, CSS if statements, custom CSS functions, expanded range syntax for style queries, the stretch sizing keyword, and corner-shape property.
Make WordPress Core·6wPHP-only block registration
WordPress now supports PHP-only block registration, allowing developers to create simple blocks without any JavaScript. By calling register_block_type with the new autoRegister flag and a render_callback, blocks automatically appear in the editor. The editor also auto-generates Inspector Controls sidebar UI for supported attribute types, making it easier to build server-side-rendered blocks with minimal setup.
DEV·3wThe Ultimate Job Finding-Management Tool
A developer built a Chrome extension that helps with job searching by saving job descriptions and using a local Ollama LLM to rate skill alignment on a 1-5 star scale. Built quickly using Copilot CLI, the tool sorts jobs by relevance and features a neon UI. Currently uses local storage, with plans for future improvements like backend persistence and resume tailoring.
Laravel News·6wThe Inertia v3 Beta is Here
Inertia v3 beta introduces major new features and breaking changes. Key additions include a built-in XHR HTTP client (making Axios optional), a new useHttp hook for standalone HTTP requests, optimistic update support across router/useForm/useHttp with automatic rollback, instant visits for immediate navigation feel, URL fragment preservation across redirects, SSR support in Vite dev mode, and a progress bar rewritten with the Popover API. Breaking changes include dropping support for React below v19, Svelte 4, Node.js below v24, and CommonJS builds. Several APIs have been renamed or removed. The release is not recommended for production use yet.
ByteGrad·3wTop 11 MCP-Servers EVERY Developer Should Use With Claude Code / Cursor / Codex / OpenCode
A walkthrough of 11 MCP servers worth integrating into AI coding agent workflows (Claude Code, Cursor, Codex, OpenCode). Covers design tools (Figma MCP, Paper MCP, Pencil), UI component access (shadcn/ui MCP), up-to-date documentation (Context7), GitHub repo access, browser automation (Playwright MCP, Chrome DevTools MCP), web search providers (Brave, Firecrawl, Perplexity), third-party service integrations (Vercel, Supabase, Notion, Slack, Linear, n8n), and building custom MCP servers. Also introduces the Permit MCP Gateway for handling authentication, authorization, and auditing across MCP tool calls.
Laravel·5wInertia.js v3 Is Now in Beta
Inertia.js v3 is now in beta with several major changes. Axios has been removed in favor of a built-in XHR client, reducing bundle size. A new @inertiajs/vite plugin eliminates boilerplate by automatically handling page resolution, lazy-loading, and SSR setup. SSR now works during development without a separate Node.js process. New features include optimistic updates via a chainable optimistic() method, instant page visits, a useHttp hook for standalone HTTP requests, and a useLayoutProps hook for passing data between layouts and pages. Exception handling is improved with handleExceptionsUsing(). Breaking changes include requirements for PHP 8.2+, Laravel 11+, React 19+, and Svelte 5+, plus ESM-only package distribution.
Josh W Comeau·3wSneaky Header Blocker Trick • Josh W. Comeau
A CSS-only technique for creating a sticky header that appears to change background color as the user scrolls through different page sections. Instead of modifying the header itself, two color-matched 'blocker' elements using position:sticky sit behind the fixed header — one in the hero section (blue) and one in the main content area (white). As the user scrolls, each blocker naturally exits its container, creating a seamless hand-off effect. The post also covers design constraints, how to integrate decorative SVG swoops into the layering, and when JavaScript fallbacks are necessary.
Chrome Developers·5wMake custom elements behave with scoped registries
Scoped custom element registries are now available by default in Chrome 146 and Edge, solving the long-standing problem of name collisions in the global `window.customElements` registry. Developers can now create independent registries and scope them to a shadow root, a disconnected document, or an individual element. This enables multiple teams or libraries to define custom elements with the same tag name without conflicts, making micro-frontend and component library composition much more manageable. The feature requires no flags or origin trial opt-in in Chromium-based browsers.
JavaScript Weekly·5wJavaScript Weekly Issue 776: March 10, 2026
JavaScript Weekly issue 776 covers several notable items: Solid 2.0 Beta launches with first-class async support, replacing Suspense with a Loading component and adding an action() primitive for mutations. TypeScript 6.0 RC is out as a stepping stone toward the Go-powered TypeScript 7.0. Patreon shares a retrospective on migrating 11,000 files (1M lines) to TypeScript over seven years. A JavaScript worm accidentally triggered on Wikipedia vandalized ~4,000 Meta-Wiki pages. ArkType 2.2 adds runtime-validated functions via type.fn. Also covered: JSLinux now supports x86_64/AVX-512/APX, a URL quirk with newline/tab characters, compiling Node.js on Jetson Nano, and recreating Flappy Bird in pure CSS.
Kent C. Dodds·5wMigrating to Workspaces and Nx
Kent C. Dodds shares his experience migrating kentcdodds.com from an informal multi-package repo to a proper npm workspaces monorepo with Nx. The repo already had multiple deployable services (a React Router site, OAuth worker, audio worker, and Docker container), but each had its own lockfile and no shared workspace structure. The migration moved all services under services/*, consolidated lockfiles, and added minimal Nx config for caching. Three notable breakages emerged: Node rejecting package import aliases that pointed outside the new package boundary, production going down because hardcoded GitHub API content paths didn't reflect the new directory structure, and Docker stages missing Prisma schema files. CI was also restructured to install only per-service dependencies. The key takeaway: structural refactors expose hidden assumptions, and AI coding agents should be made to prove correctness rather than just claim confidence.
Astro·3wAstro 6.1
Astro 6.1 ships several improvements: codec-specific Sharp image defaults let you configure JPEG, WebP, AVIF, and PNG encoding once in your Astro config instead of per-image. SmartyPants now supports full configuration for non-English typographic conventions like French guillemets and German quotation marks. The i18n fallback routes are now exposed to integrations via the `astro:routes:resolved` hook, and `@astrojs/sitemap` automatically includes these fallback pages. Additional fixes include smoother mobile view transitions (skipping animations during native browser swipe gestures), a Vite 8 compatibility warning, React hydration bug fixes, and correct CSRF origin checking behind TLS-terminating reverse proxies.
Kevin Powell·2wGet people to see your resume
A developer shares a job search strategy of creating a short 'sizzle reel' video to replace or supplement a traditional resume. The video showcases skills in an engaging, shareable format that decision-makers can evaluate in seconds without downloading anything. Syndicating it across LinkedIn, Twitter, Bluesky, and Mastodon helped build social proof through comments and interactions, ultimately getting the creator in front of senior hiring decision-makers.
Fireship·3wTech bros optimized war… and it’s working
The US military is rolling out the Maven Smart System, an AI platform built on Palantir's technology, across all branches of the armed forces. The system uses computer vision and sensor fusion to analyze drone footage, identify and track targets, and shorten the kill chain. A technical breakdown covers how a similar open-source stack could be assembled: Apache Kafka for real-time data ingestion, Apache Spark for stream processing, OpenCV for object detection, Neo4j as a graph database to model battlefield relationships, and Open Policy Agent for policy enforcement. AI agents are then layered on top via the Model Context Protocol. The piece also covers the corporate ecosystem behind Maven, including Palantir, AWS, Azure, Anduril, and OpenAI, and the controversy around Anthropic's removal from government contracts.
Hacker News·2wHello, my name is Niels Leenheer
A developer built a fully playable DOOM renderer using only CSS for rendering, with JavaScript handling only the game loop. Every wall, floor, sprite, and enemy is a <div> positioned in 3D space using CSS transforms. The project showcases advanced CSS features including 3D transforms with trig functions (hypot, atan2, sin, cos), @property for animatable custom properties, clip-path with shape() for irregular polygon floors, SVG filters for the spectre invisibility effect, anchor positioning for the responsive HUD, and a type-grinding hack for pure-CSS culling. Key architectural decisions include passing raw DOOM coordinates as CSS custom properties and letting CSS compute geometry, moving the world instead of a camera, and using CSS transitions/animations for doors, lifts, and projectiles. The post details browser bugs encountered in Safari and Chrome, performance limitations requiring manual culling, and depth-sorting challenges with coplanar surfaces.