配了三年无障碍,每次想让屏幕阅读器「说句话」都要靠一个看不见的 div 骗它——今天这件事被 ariaNotify() 彻底原生化了
每次用户点了按钮,你都得给他一个视觉反馈:弹个 toast、换个图标、在角落里加个数字。但视…
每次用户点了按钮,你都得给他一个视觉反馈:弹个 toast、换个图标、在角落里加个数字。但视…
配了三年 Astro,每次给文档站加个段落,都要坐着等它把所有页面全跑一遍。上万篇 Mark…
写页面的时候,段落写完了看起来挺整齐,到真机上一看——最后一行就孤零零一个字杵在那儿,设计师…
光标形状这个问题,所有人每天都在遇到,但 CSS 从来没管过这件事。 做富文本编辑器的、搭在…
配了三年 CSS,每次加暗色模式都像在写两份代码——10 个颜色变量就是 20 套声明,改一…
你在做一个地图功能,用手指在屏幕上划了个对角线——结果浏览器把你的手势「掰直」了,只走了 X…

标题孤零零一个字、段落最后一行只剩一个词——设计师每次提我都要假装研究一下怎么修。这类问题存…

配设计系统配了五年,每次想从一个主色派生出半透明版本,都要先把完整颜色函数抄一遍——否则改透…
你以为设计软件里调的色,CSS 都接得住?今天 color() 把这件事彻底原生化了 配了三…

写响应式 CSS 的时候,你有没有遇到过这种尴尬:想根据视口宽度让图片透明度从 1 慢慢降到…
做过设计系统的都知道,组件库里最高频的诉求不是变量,是样式块复用:按钮的基础样式要复用,卡片…
每次做离线缓存都要 npm install 一个压缩库,打包体积因此多了 30KB——今天这…

写设计系统的工程师大概都踩过这个坑:主题变量定义了几十个,切换主题时要在每个用到的地方写一套…
写过八年 CSS Grid,每次给产品网格加分隔线都要写 15 行 nth-child——今…

换字体的时候有没有遇到过这种情况:font-size 明明一样,视觉上却大了一号? 这不是你…
写过五年设计系统,每次想让文字在任何背景上都清晰可读,都要先写一套 luminance 计算…

用户点「允许」的那一刻,网站拿到的是什么?在中国,大多数前端工程师会脱口而出:「经纬度,精确…

你以为 Lighthouse 分数挺好上线用户还说卡?今天 Performance Budg…
CSS 的 calc() 解决了「能算」的问题,但「算出结果之后怎么取整」,一直是个悬而未决…

每次写下拉菜单、工具提示或者浮层卡片,你大概已经习惯了引入 Floating UI 或者写几…

写过 View Transitions 的人都知道这个痛:你有一百个产品卡片,每个都要有独立…
配了三年 CSS,每次写渐变色都要靠设计软件——今天 color-interpolation…

写暗色模式已经成了前端工程师的日常操作,但每次真的要落地的时候,工程上的别扭感总是挥之不去。…

写了八年排版,每次看到标题最后一行孤零零一个字,心里都发毛。「Build accessibl…
写了几年 CSS,你大概觉得 width、margin-left、padding-top 是…
写过三年动画,每次想让一个元素绕着圆心转,都要靠 transform: rotate() t…

每次在 HTML 里写有序列表,你有没有遇到过这些情况:想用 ★★★ 而不只是 1. 2. …

每次写目录导航都要靠 IntersectionObserver 监听内容区块,再手动给目录项…
播视频的时候,页面上那个大大的播放按钮播的时候要淡出、暂停的时候要出来——这件事以前要靠 J…

配了三年主题色,每次加个 hover 态都要把 RGB 三个通道重写一遍——今天这件事被 C…
你有没有遇到过这种情况:线上字体加载失败了,浏览器默默换成了 Arial——然后整个版心突然…

你做了个地图页面,或者画布,或者任何可以往两个方向滚的东西。用户在上面斜着拖了一下——然后浏…

每次做响应式页面,标题文字要自动撑满容器宽度,全靠工程师手写一堆 hack:FitText.…

每次打开一个有瀑布流的页面,加载时都会看到一次明显的抖动——卡片从上方挤下来,重新排列。这个…

你有没有遇到过这种情况:页面上有个 GIF 动画,设计师说「这里要能暂停」,然后你翻了半天文…

做设计系统的人大概都有过这个经历:设计师给你八个按钮颜色——primary、success、…

每次给卡片切个圆角头像、写个对话气泡、加个斜切边,往往顺手就是一句 clip-path: p…

做过搜索高亮的都知道这个流程:用户一打字,你就得 innerHTML.replace() 把…
做过 UI 的都有这个痛:弹窗出现有淡入,但关闭时"唰"就没了——因为 display: n…
页面从短变长,版心就抖15像素——今天这件事被一行CSS彻底修了 你有没有遇到过这种情况:从…

写过三年 CSS Grid,你一定遇到过这个场景:三个卡片排成一行,各自内容不一样多,有的标…
配了三年 Astro,每次给文档站加个段落,都要坐着等它把所有页面全跑一遍。上万篇 Mark…
从长页面导航到短页面,整个版心向右抖了几像素。打开一个 modal 把 body 滚动锁住,…
做数据表格,最烦 sticky 只能管一个方向。要列头固定,行头跟着内容滚;要行头固定,列头…
网页里 GIF 和 WebP 动图默认自动播放、无限循环,想让用户自己暂停?以前只能靠 Ja…

三年前,团队里每个人都在说「换主题色很简单,变量改一行就行」。结果你发现,hover 态、a…

写了三年自定义播放器,每次想知道视频在不在播,都要靠 JS 监听 play/pause 事件…
你有没有被标题里的「孤儿字」折磨过?好不容易写了一行漂亮的标题,结果第二行只剩下一个字,看起…
设计师兴奋地甩来一个毛玻璃效果的参考图,说「这个在 iOS 上能跑吗」。你心里咯噔一下——上…

你给卡片写了 .card__title,后来在另一个页面加了一个完全不相干的模块,也用了 .…