AT艾亭交互工坊INTERACTION WORKSPACE● 浏览器本地运行
D / WRITTEN NOTES选择参数 · 即时预览 · 导出结果 / 不需要注册账户
04 / TECHNICAL NOTES

开发手记

少量、准确、可验证的实践记录:为什么采用 Grid、什么时候控制动效以及浏览器端运行的边界。

ARTICLE / 001

CSS Grid 的常用布局策略

栅格适合二维排版。从自适应列数到卡片最小宽度,掌握几条规则就能实现可控的页面响应式布局。

查看完整内容 →
ARTICLE / 002

网页动效与可访问性

节奏、持续时长与用户偏好同样重要。为动效提供暂停能力,并尊重用户的减少动态效果设置。

查看完整内容 →

本地工具的边界

本网站的布局、动画和能力检测均由浏览器本地 JavaScript 执行。生成 CSS 不会连接第三方服务器,网页本身也不提供用户注册或在线文件托管。

一些 API 受到浏览器安全策略限制。例如剪贴板写入、加密能力和 Service Worker 等在不同环境或 HTTPS 状态下可能不可用。兼容性检测只汇报本机当下环境的能力,不能替代跨浏览器、跨设备的完整测试。