Frontend Masters BlogMore Front-end Bloggersread at source
The Vertical Codebase
A nice app architecture thought by Dominik: The Vertical Codebase. When component architecture came along, many started co-locating HTML/CSS/JS for a component, and it felt right. What if you take that one step further and co-locate based on the site’s conceptual areas? For example, the “dashboard” would have all the hooks, types, queries, etc., related […]
Frontend Masters BlogMore Front-end Bloggers10 min read
Building an Isolated Preview for AI-Generated HTML
An iframe with srcdoc feels like a safe place to render HTML a model wrote. It isn't. Three tests show how the preview can read your page, escape the frame, and phone home, and four layers of protection close each hole.
Frontend Masters BlogMore Front-end Bloggersread at source
“I Redesigned VLC After 25 Years”
I watched this whole video by Juxtaposed, assuming it was a real redesign of the VLC player, but alas, it is not official. Nevertheless, it should be, and it’s a wonderful example of how much real human brainpower it takes to design something well.
Frontend Masters BlogMore Front-end Bloggers8 min read
Structured Output with TanStack AI
Part 2 of this intro to TanStack AI covers structured output: constraining the model's response to a Zod schema, then streaming that JSON in and rendering it while it's still incomplete.
Frontend Masters BlogMore Front-end Bloggers10 min read
Unlocking AI in Your Apps with TanStack AI
TanStack AI is a strongly typed set of libraries for adding AI features to your apps. Part 1 of this intro covers basic setup and prompting, streaming responses, persisting threads to your database, and resuming a response after a mid-stream refresh.
Frontend Masters BlogMore Front-end Bloggers3 min read
SVG “Linked Parameters” Will Change How We Do Icon Systems
Maybe we can get back to an img-based icon system?
Frontend Masters BlogMore Front-end Bloggers8 min read
Building a Fancy Scrollspy Using Modern CSS
Scrollspy navigation used to mean IntersectionObserver and a pile of JavaScript. With scroll-target-group, :target-current, and a little anchor positioning, a plain list of anchor links can highlight the current section all on its own.
Frontend Masters BlogMore Front-end Bloggers1 min read
“WebMCP is Agentic WebPerf”
Yoav Weiss makes a good point: “WebMCP is Agentic WebPerf”. I’ve seen both pushback to WebMCP in the form of “websites should just be better, or agents should be smarter, there shouldn’t be alternative paths to using them built.” And I’ve seen plenty of excitement for WebMCP in the form of “ooooo AI droolface”. But […]
Frontend Masters BlogMore Front-end Bloggers11 min read
Tips and Tricks for Using TanStack Start with Cloudflare Durable Objects
Some hot tips on using middleware for simplifying Durable Object creation and managing WebSocket connections.
Frontend Masters BlogMore Front-end Bloggers7 min read
5 Good Choices for HTML Containers
Divs and spans are fine, but purposefully meaningless. Often the meaning actually matters, so let's look at some of those situations.