Web Developer
New web development articles are posted weekly, mainly focused on frontend topics.
Instead of one tool per message shape, @json-render/chat lets an LLM compose a Spec from a catalog and converts it into a Chat SDK card, posted to Slack as Block Kit. This article builds a Slack bot that posts tables and charts.
Chrome has implemented a `displaymode="icon-only"` attribute that renders `<camera>`, `<microphone>`, and `<geolocation>` as icon buttons without text. This article explains how to use `displaymode="icon-only"`.
Repeating a media query across CSS files means editing every copy when a breakpoint changes. @custom-media names a media query like --md so input and breakpoint presets live in one place. This article covers its syntax and specified behavior.
Instead of one tool per message shape, @json-render/chat lets an LLM compose a Spec from a catalog and converts it into a Chat SDK card, posted to Slack as Block Kit. This article builds a Slack bot that posts tables and charts.
Chrome has implemented a `displaymode="icon-only"` attribute that renders `<camera>`, `<microphone>`, and `<geolocation>` as icon buttons without text. This article explains how to use `displaymode="icon-only"`.
Repeating a media query across CSS files means editing every copy when a breakpoint changes. @custom-media names a media query like --md so input and breakpoint presets live in one place. This article covers its syntax and specified behavior.
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.
