Web Developer
New web development articles are posted weekly, mainly focused on frontend topics.
Changing how a video looks by playback or mute state has meant syncing CSS classes from JavaScript events. Media state pseudo-classes let CSS select browser-managed states directly. This article covers all seven, plus :has().
With flex-wrap: wrap, the last line often holds just a few items, leaving the lines badly unbalanced. flex-wrap: balance keeps the line count that normal wrapping produces while redistributing flex items so each line comes out about the same length.
Zod 4.5 adds z.compile(), which turns a schema into JavaScript optimized at runtime. A compiled schema keeps the same API as a regular schema while validating complex data faster. This article covers the basics and how it works.
Changing how a video looks by playback or mute state has meant syncing CSS classes from JavaScript events. Media state pseudo-classes let CSS select browser-managed states directly. This article covers all seven, plus :has().
With flex-wrap: wrap, the last line often holds just a few items, leaving the lines badly unbalanced. flex-wrap: balance keeps the line count that normal wrapping produces while redistributing flex items so each line comes out about the same length.
Zod 4.5 adds z.compile(), which turns a schema into JavaScript optimized at runtime. A compiled schema keeps the same API as a regular schema while validating complex data faster. This article covers the basics and how it works.
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.
