Web Developer
New web development articles are posted weekly, mainly focused on frontend topics.
When you build with Web Components, name collisions happen if two libraries define custom elements with the same name. Scoped Custom Element Registries let you register different implementations under the same name in separate scopes on one page.
Generative AI chat UIs reveal answers a few characters at a time. Piping those updates into a live region makes screen readers read the response in fragments. I survey ChatGPT, Claude, and four chat UI libraries, then build an accessible sample.
`aria-actions` associates an element with separate interactive elements that provide actions for it. This article explains the problem it solves and demonstrates its use with secondary actions in an email list.
When you build with Web Components, name collisions happen if two libraries define custom elements with the same name. Scoped Custom Element Registries let you register different implementations under the same name in separate scopes on one page.
Generative AI chat UIs reveal answers a few characters at a time. Piping those updates into a live region makes screen readers read the response in fragments. I survey ChatGPT, Claude, and four chat UI libraries, then build an accessible sample.
`aria-actions` associates an element with separate interactive elements that provide actions for it. This article explains the problem it solves and demonstrates its use with secondary actions in an email list.
azukiazusa
azukiazusa
azukiazusa
azukiazusa
Improve memory and skills with the Boy Scout Rule
A talk about gradually improving an agent's memory and skills through everyday tasks, so it can accomplish work more efficiently.
The frontend's audience has changed: designing new web interfaces in the age of AI
Frontend engineers have always built for humans — but AI is changing that assumption. This talk examines two shifts: AI as a producer of web output (streaming UI, MCP Apps) and AI as a consumer of the web (Markdown delivery, WebMCP), exploring what these changes mean for how we design web interfaces in the AI era.
How should we give feedback when coding agents write frontend code?
LLM-based coding agents (such as Claude Code and Codex) are spreading rapidly, and feedback from code execution results is essential in iterative improvement loops. Backend development can get immediate feedback through execution and tests, while frontend development has unique challenges. This talk focuses on the feedback-loop problem in frontend code generation and discusses practical solutions and trade-offs.
