Web Developer
New web development articles are posted weekly, mainly focused on frontend topics.
`focusgroup` is an HTML attribute that adds declarative arrow-key focus navigation to composite widgets such as toolbars and tablists. This article covers its single Tab stop, wrapping, focus memory, and related features available in Chrome 150.
CSS Grid Lanes is a layout method that packs items of differing heights into multiple lanes without gaps. Setting `display: grid-lanes` lets you build a Masonry layout without JavaScript. This article covers the basics of the syntax.
Canvas UI is a component library that uses the HTML-in-Canvas API to build creative interfaces with effects such as fluid simulations and shaders.
`focusgroup` is an HTML attribute that adds declarative arrow-key focus navigation to composite widgets such as toolbars and tablists. This article covers its single Tab stop, wrapping, focus memory, and related features available in Chrome 150.
CSS Grid Lanes is a layout method that packs items of differing heights into multiple lanes without gaps. Setting `display: grid-lanes` lets you build a Masonry layout without JavaScript. This article covers the basics of the syntax.
Canvas UI is a component library that uses the HTML-in-Canvas API to build creative interfaces with effects such as fluid simulations and shaders.
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.
