Reading up on web-development
100 deep · digging since dec 09, 25
- A developer toolkit to make your website agent-ready | Blog
The article explains how developers can use Lighthouse’s new Agentic browsing category and Chrome DevTools for agents to audit, improve, and test websites for reliable AI‑agent interactions.
- Release v2.0.0 · unlayer/react-email-editor
Unlayer's react-email-editor v2.0.0 drops support for React <16.8 and Node <18, adds ESM builds, fixes destroy-on-unmount, and updates tooling across the stack.
- Cloudflare Workers and Hyperdrive with TanStack Start – Master.dev Blog
Using Cloudflare Workers with Hyperdrive and TanStack Start requires per-request database objects to avoid runtime errors and connection limits.
- Better Auth: an introduction
Better Auth is a TypeScript authentication library that runs inside your app, stores users in your own database, and provides server and client APIs with optional plugins.
- Reverse Engineering ChatGPT Web: How OpenAI Built for a Billion Users
OpenAI powers ChatGPT's web experience for a billion users with React Router 7 streaming SSR, Tailwind CSS, off‑the‑shelf components, and aggressive feature flagging.
- Cloudflare Drop
Cloudflare Drop lets anyone drag a folder or ZIP to instantly preview a static site for an hour and then claim it to make the deployment permanent.
- env.style | Environment favicons
env.style is a tool that lets developers customize browser tab favicons with environment-specific colors or icons for easy visual identification.
- Can a URL in a prompt change an LLM's output?
LLM output is influenced by URLs in prompts only when the URL's content was memorized during training; JavaScript-rendered sites often remain invisible to training crawlers, creating a growing data gap.
- A native graphical shell for SSH
Marcus Lewis introduces Outer Shell, a native graphical shell for SSH that lets servers serve browser-based apps via Unix socket HTTP servers, bypassing localhost ports.
- React Icons
react-icons lets developers import popular icons as React components with ES6 modules, enabling automatic tree-shaking to reduce bundle size.
- mapcn - Beautiful maps made simple
mapcn provides beautiful, accessible map components for React using MapLibre GL, Tailwind CSS, and shadcn/ui integration.
- Bing Webmaster Tools
Bing Webmaster Tools provides free SEO/GEO tools, backlinks analysis, keyword research, and site scanning to help webmasters improve site performance in Bing search results.
- Introducing the Safari MCP server for web developers
Apple released a Model Context Protocol server for Safari that lets AI agents inspect DOM, network requests, screenshots, and console output to debug websites autonomously.
- Introducing the <usermedia> HTML element | Blog
Chrome 151 introduces the <usermedia> HTML element to handle camera and microphone access declaratively, replacing script-triggered prompts and improving permission recovery rates.
- You might not need… a service worker
Service workers are essential for offline support, push notifications, and background sync, but other use cases are often better solved with simpler alternatives like HTTP caching or server-side logic.
- Just a moment...
The page displays a human verification challenge requiring JavaScript and cookies to proceed to the actual content.
- Dirty Little Zine – a tool for making an 8 page printable Zine
Dirty Little Zine is a free browser tool that lays out an eight-page folded booklet on one sheet of paper, exporting print-ready files without server uploads.
- What I’m Finding About LLM Code Style and Token Costs - Jim Montgomery jimmont.com
Using native Web APIs instead of LLM-generated manual implementations reduces output token costs by 85-92% while eliminating entire categories of bugs.
- Building an HTML-first site doubled our users overnight
Replacing a SPA with plain HTML forms and server-rendered pages unexpectedly doubled a site's users, challenging assumptions about framework necessity.
- Creating a VS Code agent hook to respond to file changes - Human Who Codes
VS Code agent hooks provide deterministic shell commands that trigger on specific agent-loop events, enabling guaranteed follow-up automation like regenerating types after editing wrangler.jsonc.
- Discover MapKit JS 6: Rebuilt for Today’s Web Developer
MapKit JS 6 introduces npm package installation, a static domain-bound token, native promises, and standard EventTarget event handling to simplify integration for modern web developers.
- Building a Real Blog Easily in Astro
Zell Liew outlines five essential features for a production Astro blog beyond the basic scaffold—dated filenames, excerpts, draft filtering, reverse-chronological sorting—and wraps them into a single `processFiles` function.
- Vite 8.1 is out!
Vite 8.1 introduces experimental bundled dev mode for faster startup in large apps, chunk import maps, Wasm ESM support, and moves toward Lightning CSS by default.
- I Stored a Website in a Favicon
The author encoded a 208-byte HTML page into a 9x9 pixel favicon by storing RGB values and decoded it with JavaScript, demonstrating data storage in unintended places.
- Astro 7.0 | Astro
Astro 7.0 ships a Rust compiler, Rust-based Markdown pipeline, queue-based rendering, Vite 8 with Rolldown, advanced routing, route caching, and AI-friendly dev server modes.
- FullCalendar - JavaScript Event Calendar
FullCalendar is a modular, framework-agnostic JavaScript event calendar library with over 300 settings and official React, Vue, and Angular packages.
- Ports — see every dev server on localhost
Ports is a free macOS menu-bar app that lists all localhost dev servers with resource usage and one-click process management.
- Lighthouse agentic browsing scoring
Lighthouse's Agentic Browsing category scores sites as a pass/fail ratio for machine-readiness, using audits for WebMCP, accessibility tree integrity, stability, and llms.txt.
- Show HN: Putt.day a daily mini golf game
putt.day is a daily browser-based mini golf game where players compete on a single new hole each day, with physics and scoring recently tweaked after community feedback.
- Show HN: Inkwash, a watercolor sketching app and explanation
Inkwash is a browser-based watercolor sketching app that simulates fluid dynamics and pigment behavior using WebGL2 shaders, with interactive demos explaining the algorithm.
- Datasette Apps: Host custom HTML applications inside Datasette
Simon Willison introduces a new plugin hosting sandboxed HTML+JavaScript apps inside Datasette, enabling custom read/write SQL interfaces within tight iframe constraints.
- Being an old school web-based sports sim dev in the era of vibe coded games
The creator of Basketball GM describes how AI-powered 'vibe coding' is enabling a wave of low-effort competitors, but he hasn't yet seen an impact on his web-based sports sim game.
- Introducing the MDN MCP server
Mozilla's MDN MCP server gives AI coding agents real-time access to accurate web documentation and browser compatibility data, outperforming static model knowledge.
- AgentGrade | AI agent readiness scanner
AgentGrade scans websites for AI agent readiness — MCP, llms.txt, payment protocols — and provides a graded report with remediation guides.
- Figma - Chrome Web Store
The Figma Chrome extension lets users capture live websites and import them as editable layers directly into Figma, supporting production UI pulls and calendar file sharing.
- The Web We Know Is Going to Disappear - Minid.net
The open web is disappearing as AI chat interfaces replace search and browsing, driven by convenience, following a historical pattern of interface shifts.
- The golden rule of Customizable Select
Safari 27's customizable select allows full visual styling of `<select>` elements without JavaScript, but requires text or accessible attributes on every option for usability, accessibility, and fallback compatibility.
- How building an HTML-first site doubled our users overnight
Replacing a failed React app with an HTML-first site using Astro doubled form completions for a monopoly utility company by prioritizing accessibility and backward compatibility.
- Where my head is at with LLMs and the web
LLMs lower barriers to the web but inherit a stale, outdated model of the platform; new primitives like WebMCP and agent loops could reshape the web's future.
- The future of the web is weirdly human - Jono Alderson
HTML-in-canvas enables rich 3D web experiences without sacrificing accessibility or machine readability, signaling a future where human-facing design is no longer limited by document formats.
- Bots Have Now Passed Human Traffic Online Cloudflare Boss Laments Says Agentic Traffic Wasnt Expected To Eclipse Real People Until Next Year
Cloudflare CEO Matthew Prince reports AI agent traffic has surpassed human traffic online for the first time, far earlier than his 2027 prediction.
- VoidZero is joining Cloudflare
VoidZero, the company behind Vite, Vitest, Rolldown, Oxc, and Vite+, is joining Cloudflare; the tools will remain open source and vendor-agnostic, with Cloudflare committing $1M to a Vite ecosystem fund.
- Google offers opt-out of “AI” search results for websites, promises it won’t affect regular search rankings – OSnews
Google adds a Search Console toggle allowing websites to opt out of AI Overviews and other generative AI search features, promising no impact on regular rankings.
- AI Page Inspector — see what AI reads on your page
Outrank's free AI Page Inspector lets users see what text ChatGPT, Gemini, and Google AI extract from any URL, along with an extractability score and fix suggestions.
- Plotly javascript graphing library in JavaScript
Plotly.js is a declarative, high-performance JavaScript graphing library that uses JSON to describe interactive statistical and scientific charts.
- How we cut build times by two-thirds by deleting our CMS
Sentry cut build times from 14 to under 4 minutes by replacing its headless CMS with Astro, Markdown files, and Claude Code skills for content management.
- CSS vs. JavaScript
CSS animations run off the main thread so they don't freeze during JS work, but libraries like Motion use the Web Animations API to avoid that pitfall.
- Astro 6.4 | Astro
Astro 6.4 releases a pluggable Markdown processor API, a faster Rust-based Sätteri processor, and Cloudflare helpers for experimental advanced routing.
- Hocuspocus | Tiptap Collaboration Docs
Hocuspocus is a suite of tools based on Y.js that enables real-time collaboration and offline-first syncing via a WebSocket backend.
- Show HN: Hallucinate – Massively Multiplayer Online Rave
A live, browser-based rave where anonymous users dance together synchronously to the same music, now experiencing moderation issues and downtime.
- Hacker News front page as a site
A site that displays Hacker News front page stories in a newspaper-like grid layout with AI-generated summaries, gaining attention and discussion on HN itself.
- Hire Web Developers
SuperBuilt offers developer-led talent matching and training services to place pre-vetted, culturally aligned web developers into agencies and startups, with a 30-day guarantee.
- Don't Roll Your Own ... - Susam Pal
Websites should not override native browser behaviors for scrolling, navigation, text selection, or form controls, as doing so harms usability and breaks user expectations.
- GitHub - cyco130/vavite: Develop server-side applications with Vite
vavite is a Vite plugin that enables using Vite to transpile and bundle server-side code, simplifying SSR and non-SSR application development.
- Modern Web Guidance
Modern Web Guidance embeds web best practices and browser compatibility data into AI coding agents to improve web development workflows.
- Component Party
Component Party shows side-by-side React and Svelte 5 code examples for common component patterns, highlighting syntax differences in state, effects, and template logic.
- link.mail.beehiiv.com
The linked Beehiiv page does not exist, returning a 404 error.
- Moving away from Tailwind, and learning to structure my CSS
Developers debate whether Tailwind CSS encourages poor HTML semantics and div soup or improves productivity through utility-first styling and component-based architecture.
- DOS Zone | Hacker News
Hacker News users discuss the DOS Zone web game archive, praising its nostalgia but reporting performance issues, crashes, and concerns about including non-DOS titles and copyright.
- browse.sh
browse.sh is a browser CLI that gives AI agents pre-built skills to automate websites, cutting token costs and enabling complex multi-site workflows.
- Install web apps with the new HTML install element | Blog
The new HTML `<install>` element lets developers add a browser-trusted install button for web apps without JavaScript, now in origin trial for Chrome and Edge.
- Prepare for the rigorous frontend interviews Big Tech is known for.
Frontend Masters' frontend interview prep course teaches complex JavaScript, TypeScript, and UI component challenges for engineers at all levels.
- WebKit Features for Safari 26.5
Safari 26.5 introduces the :open pseudo-class, element-scoped random(), color-interpolation for SVG gradients, ToggleEvent.source, and the Origin API, along with 63 bug fixes.
- Arthur Cornil
Many SaaS apps don't need servers; shipping the full backend to the browser via WASM, SQLite, and OPFS enables local-first single-user apps.
- Your website is not for you
Business websites should prioritize customer needs and goals over the preferences of founders, designers, or internal teams.
- RSS Feeds Send Me More Traffic Than Google – Terence Eden’s Blog
Blogger Terence Eden finds RSS feeds and email subscribers drive more traffic to his personal site than Google Search over a 28-day period.
- How React streams UI out of order and still manages to keep order
React achieves out-of-order streaming by sending resolved components as hidden divs with script tags that swap them into suspense boundaries, bypassing sequential HTML parsing.
- Cursor Camp | Hacker News
Neal.fun's Cursor Camp is an interactive web game where multiple cursors explore a whimsical campsite, delighting Hacker News users.
- The end of responsive images - Piccalilli
The new `sizes="auto"` HTML attribute, combined with `loading="lazy"`, lets browsers automatically determine the best image size to request, eliminating the need for manual `sizes` calculations.
- Serve Markdown to LLMs via the Accept Header
A practical guide showing how to serve clean Markdown to AI agents via HTTP content negotiation while keeping HTML for browsers at the same URL.
Takes
Introducing shadcn/typeset. You know how you render markdown and get back plain, unstyled HTML? Headings, paragraphs, lists, tables. So you style the elements one by one: font sizes, line heights, spacing. You do it for your blog. Then you do it again for docs. Then again for the chat. Every time, you're fighting the same thing: sizing and spacing. To fix this, we created typeset.css: one file that styles everything inside a typeset container. It lives in your project, so you can change it directly when you need to. And we made it work beautifully with streaming markdown.
@shadcn
I'm pretty bad at a lot of things but one thing I've (accidentally or not) have been pretty good at is being early at trends A lot of these trends are in my head in some way and I wanted to visualize those on a chart. So I built another dynamic blog post (on my new vibecoded blog platform that lets me do these kinds of pages) with this chart above. The first disclaimer of course is this is completely subjective and essentially a chart based brain dump. And the second disclaimer is I don't think I'm right, it's just my own beliefs visualized! I'll keep updating the chart You can select different trends on the legend or by clicking on a line, and you can also go fullscreen! Also you can select [x] indexed view which is pretty cool too :D Let me know what I should add or change!
@levelsio
http://knockoff.shopping is functional on iOS Safari! now just need daddy apple to approve it. 🫣
@Shpigford
I built a skill to let my Claude Code build premium landing pages like this in one shot. The 3 sites in the video are one-shot results, ~$10-15 each. Register @higgsfield_ai , install the CLI and scroll-world skill, hand the rest to Claude Code.
@the_cyw
I'm open-sourcing my Agent Skills library. 75 skills for Codex, Claude Code, Cursor, and other agents, focused on web design, landing pages, motion, WebGL, UI styles, and assets. A few favorites: - Video to Super Prompt Turns a screen recording of a design, landing page, or animation into a super detailed prompt that Fable 5 can one-shot into HTML. - HTML to Interaction Prompts Takes an existing HTML page, like something built in Aura, and extracts prompts for sections, buttons, animations, WebGL effects, and interactions. - Stitched Full Page Capture Captures the entire landing page, not just the hero, so you can use the full page as a design reference. - Daily UI Inspiration Combines multiple skills into an agent loop that browses the web, captures great landing pages, and turns them into detailed prompt packs. It's free. Fork them and adapt for your own workflow.
@MengTo
I can finally talk about 5.6. I’ve been testing it for months and, without exaggeration, it’s the best model I’ve ever used. Fast, smart, genuinely creative, and you guessed it, they finally fixed front-end design. I haven’t needed to check the code I’ve written in two months.
@skirano
at opencode we've started developing with agents on http://exe.dev boxes, which automatically serves http. I can just ask agents to write HTML files and see them they could be static artifacts, live thoughts, or little apps I underestimated how cool and fun this is
@jlongster
Fable 5 is so good at web design that I genuinely don't see how web design careers make it past the end of this year. An AI that can one shot designs this good means that the web design industry as a whole is in serious trouble. If you're in web design, it's time to pivot.
@markgadala
Today we're releasing a new set of components for building chat interfaces. We've taken the patterns we build every day, rethought the abstractions behind them, and turned them into components you can compose and customize. We're starting with the conversation layer: streaming, scrolling, messages, bubbles, attachments, and markers.
@shadcn
literally this. basically just never use google fonts and you'll be miles ahead of everyone else.
@Shpigford
Means & Methods is now live on http://interfacecraft.dev. A collection of practical techniques to achieve excellence in interface design, covering 100+ topics across 11 chapters, with plenty of interactive examples and code. New members welcome; enjoy!
@joshpuckett
If you need a website, this is the best website creator on the planet: Ploy by Bryant Chou Drop everything and use this to improve your website now. A total redesign to your taste is at your fingertips. Try it with a side project and you'll bring it to your main project in 2 weeks or less, I predict.
@garrytan
Finally, so sick! We all wanted to make this but the problem was Google owned the 3d data and charged a lot for it You made a web game using Google's 3d tiles and quickly your bill would be $10,000 Microsoft Flight Simulator runs on Microsoft's Bing Maps 3d data so that's why they can do it Now I hope Google gets more serious about this and adds real plane models and multiplayer with combat (Microsoft's Flight Simulator never allows that) which would be super fun
@levelsio
Why has Vercel become the default hosting platform for vibe coders? There are plenty of alternatives. What made Vercel win?
@araseb_
omg god’s work 👇 no more link to localhost
@clairevo
Hugh Laurie, if you're listening, what do you think caused the meteoric rise of jQuery in the 2010s?
@iamdevloper
Maizzle 6 is here 🥳 🍑💨 Tailwind CSS 4 💚 Vue templating 🔌 Vite plugin 🧩 Components ✨ Beautiful DX 🤖 Agent skills Build HTML emails the way you build apps. Our biggest release ever. npx maizzle new
@cossssmin
How are you guys feeling about Fable so far?
@theo
Remotion Was My First Agentic Video Love. Then HyperFrames Stole Me. /last30days for both
@mvanhorn
🖨️ It took over a year and lots of help from Claude Code but I have now been able to create a real dot matrix printer on the web that prints from Windows 3.11 in your browser: Here's the test page:
@levelsio
This is wild. OpenAI just dropped Codex Sites. Now anyone can give it a plan, dashboard, launch doc or idea, and turn it into an interactive app with a URL. 5 wild examples:
@minchoi
this codex prompt is literally the best thing ever if you are building react apps and want the cleanest possible code simply run "/goal run npx react-doctor@latest and fix issues until you get a score of 100. do it properly without taking any shortcuts" in codex thank me later
@weswinder
First, open the Cursor browser into a new project. Then, navigate to http://magicpath.ai and log in.
@skirano
Basecamp 5 is live! And the new website is a throwback to a simpler time. Just show the damn product. Just list the features. Yes, it's agent accessible, but it's not agent hysteric. https://basecamp.com/
@dhh
Lexxy is one of the big upgrades in Basecamp 5. Finally we have tables! We have markdown! We have live syntax highlighting! Trix served us well for many years, but Lexxy's arrival is a massive upgrade. Big props to @meta for making the underlying Lexical toolkit 🤘
@dhh
the one thing @mitsuhiko taught me: merged client & server logs. very useful.
@badlogicgames
never seen this type of treatment before - http://hex.tech has a cursor dwell UI for enabling scroll on one of their interactive homepage sections. so by default you don't hijack regular scrolling. neat detail
@Stammy
HTML is the new markdown. I've stopped writing markdown files for almost everything and switched to using Claude Code to generate HTML for me. This is why.
@trq212
So @loaibassam asked me my stack recently, I replied: FREE: Nginx web server on Ubuntu (free) Auto upgrade with unattended-upgrade (free) Scheduled workers with Cron (free) Vanilla PHP for site backend (free) Vanilla CSS (free) Vanilla JS for code (free) Game servers I do in vanilla Node JS (free) SQLite for DB (free) Python for tool scripts (free) Cloudflare with Cloudflare tunnel for DNS/SSL (free) Tailscale for security (free) OpenFreeMap for maps (free) CHEAP: xAI for AI API (cheap) Stripe for payments (cheap) Cloudflare R2 for image storage (cheap) Hetzner VPS ($4/mo) Cloudflare domain reg (~$10/year) So about ~$5/mo total costs with about ~5M unique visitors per month per site (these are site averages)
@levelsio
✨ Integrated Hoodmaps now into my new site
@levelsio