Web Developer
New web development articles are posted weekly, mainly focused on frontend topics.
e2e is a testing framework that combines natural-language actions with element-based actions and assertions. This article builds tests for a Todo app that let AI perform the actions and verify the results in code.
Card padding plus the margins of the first and last children can leave more space at the edges than intended. margin-trim removes margins at a container's edges while keeping the spacing between elements. Learn the basics through a card example.
When you embed a comment section or form in an iframe, the frame height often doesn't match the content, causing scrollbars or empty space. frame-sizing lets the iframe use its content's height, with the embedded document's permission.
e2e is a testing framework that combines natural-language actions with element-based actions and assertions. This article builds tests for a Todo app that let AI perform the actions and verify the results in code.
Card padding plus the margins of the first and last children can leave more space at the edges than intended. margin-trim removes margins at a container's edges while keeping the spacing between elements. Learn the basics through a card example.
When you embed a comment section or form in an iframe, the frame height often doesn't match the content, causing scrollbars or empty space. frame-sizing lets the iframe use its content's height, with the embedded document's permission.
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.
