同一个 15px 图标，Chrome 里总比 Firefox 粗一圈——原因不在 CSS，在 JPEG 解码器
同一个 15px 的 logo，在 Chrome 和 Firefox 里看起来不一样粗，你可…
文章 30
文本高亮还在改 DOM？Custom Highlight API 把 Range 和样式彻底拆开了
你做搜索高亮、代码编辑器、协作文档批注时，是不是还在用 innerHTML.replace(…
你写的 clamp() 流体排版，在用户放大浏览器时会悄悄缩水——CSS progress() 把这件事彻底算清楚了
做响应式排版，你是不是已经形成了肌肉记忆：先定一套最小字号，再用 clamp() 套个线性插…
地图拖拽总是被浏览器掰直？Chrome 153 把对角线滚动这件事彻底解了
做 2D 地图、白板、大图浏览时，浏览器总把手势“钉”在主轴，对角线拖拽变成两段式。这件事终…
页面想随滚动方向变效果，你还在写 JS 事件监听器？Chrome 144 悄悄把这个需求还给了 CSS
以前写"滚动方向决定 UI 显隐"这类交互，几乎没有不用 JS 的——监听 scroll 事…
做过异形边框的，今天 CSS 自己会画了——border-shape 把那套切图 div 全删了
做过异形边框的，今天 CSS 自己会画了——border-shape 把那套切图 div 全…
配了八年瀑布流，今天发现根本不用写那800行JS了——grid-template-rows: masonry把这件事彻底变了
做过 Pinterest 风格图墙的都懂这个痛：设计师甩过来一个瀑布流稿子，你盯着看半天，心…
配了八年 Sass，每次写 @mixin 都要靠 node-sass 编译——今天微软把这件事彻底搬进了浏览器
以前用 Sass 写 @mixin card { border-radius: 12px; …
配了八年 MPA，每次跳转动画都只有一个方向——今天 CSS 自己会认路了
写了八年 MPA，每次页面跳转动画只有一个方向——前进就往左滑，后退也往左滑，用户每次都觉得…
做过列表动画的，今天 sibling-index() 把 nth-child 那套全删了
做过列表动画的都知道这个流程：写一个 fade-in，then 配 animation-de…
配样式配了八年，今天才发现 CSS 终于能认「前缀」这件事了——.btn-* 把这件事彻底原生化了
配样式配了八年，今天才发现 CSS 终于能认「前缀」这件事了——.btn-* 把这件事彻底原…
配了三年下拉菜单，今天才发现 CSS 自己会认「开着」这个状态了——:open 把这件事彻底原生化了
以前配下拉菜单的展开态，每次都要写两套样式然后靠 JS 切——今天 CSS 自己会认「开着」…
配了八年排版，今天终于把「字母盒」和「视觉盒」这件事彻底分清楚了——text-box-trim 把字间距的糊涂账彻底变了
给按钮加了 padding: 12px，上下看起来就是不一样——这不是你写错了，是字体本来就…
配了三年视频播放器，今天才发现它的「状态层」全删了也没事——Chrome 152 把这件事彻底原生化了
配了三年视频播放器，今天才发现它的「状态层」全删了也没事——Chrome 152 把这件事彻…
写滚动动画我被「嵌套关系」卡了三年，今天 CSS 自己把这件事解开了——timeline-scope 把滚动动画从 DOM 树里彻底解放了
配滚动动画配了三年，每次想用滚动位置驱动一个动画，第一件事就是检查这个元素有没有一个能滚动的…
设计师给你了一个 P3 色域的色值，你写进 CSS 里——今天发现旧手机直接偏成了另一个颜色。这就是 sRGB 的天花板，CSS 终于把它彻底原生化了。
配了一个 P3 色值的颜色，写进 CSS 之后设计师在旧手机上打开——颜色直接偏了。sRGB…
配了三年弹层，每次被屏幕边缘截掉我都要靠JS硬算位置——今天CSS自己会”找路”了，@position-try把这件事彻底原生化了
弹层被屏幕边缘截掉这件事，我算了五年。 一个 tooltip 要出现在按钮上方，但按钮在页面…
写了三年排版，每次调整字体大小都要重新算一遍负 margin——今天 Firefox 154 把这件事彻底原生化了
写了三年排版，每次调整字体大小都要重新算一遍负 margin——今天 Firefox 154…
我配了三年视频播放器，每次播到一半状态就乱了——今天 Chrome 152 把这件事彻底原生化了
写过三年视频播放器的，大概都被状态同步折磨过——播着播着，图标还显示播放中，但视频已经停了；…
弹层跟着锚点走，但锚点滚出视口了弹层还在原地——这个坑我踩了三年，今天 CSS 自己会追了
弹层跟着锚点走，但锚点滚出视口了弹层还在原地——这个坑我踩了三年，今天 CSS 自己会追了。…
配了八年折叠动画，每次 height:0→auto 都要靠 JS 硬撑——今天 CSS 自己会了，interpolate-size 把这件事彻底原生化了
我配手风琴配了八年，每次展开收起都要靠 JS 套一层 max-height 才能勉强做动画—…
写八年 CSS，每次改主题都要靠 JS 判断容器宽度还是媒体查询——今天发现 CSS 自己会了，if() 把条件判断彻底还给了属性值本身
写八年 CSS，每次改主题都要靠 JS 判断容器宽度还是媒体查询——今天发现 CSS 自己会…
配了三年暗色模式，今天发现第三态根本没人用——两个状态就够了
大多数网站的暗色模式开关都有三个选项：浅色、深色、系统。看起来很合理——系统是一个「策略」，…
配了三年样式隔离，今天发现浏览器自己会了——@scope + @starting-style + light-dark() 把这件事彻底变了
我配了三年样式隔离，今天发现浏览器自己会了——@scope + @starting-styl…
我盯了八年表单，每次输入框高度都要靠 JS 硬算——今天 field-sizing: content 把这件事彻底原生化了
做表单最烦的一件事：textarea 的高度要跟着内容跑。以前只有两种解法——写一堆 JS …
配了三年自定义组件，每次想给内部状态加个样式都要写一堆 JS——今天发现浏览器自己会读了，:state() 把这件事彻底原生化了
以前写 Web Component，组件内部状态一变，外部想单独给它加样式？对不起，CSS …
写过八年 MPA，每次加跳转动画都要靠框架——今天浏览器自己会了，pageswap + pagereveal 把这件事彻底原生化了
写过 MPA（多页面应用）的人都知道，最烦的不是写页面本身，而是页面和页面之间那一下跳转——…
配了八年气泡框，今天发现根本不用套那层 div——border-shape 把这件事彻底原生化了
做气泡框、异形边框，你还在用伪元素套一层？border-shape 把这件事彻底原生化了——…
设计师给你一个 Display P3 色值，旧浏览器根本显示不出来——今天 color() 把这件事彻底原生化了
设计师给你一个颜色，说这是 Display P3 的，要用在 logo 上。你写进 CSS，…
我配颜色配了八年，每次设计师改主色我都要把整张色板重新跑一遍——今天发现浏览器自己会调了，color-mix() 把这件事彻底变了
我配颜色配了八年，每次设计师改主色我都要把整张色板重新跑一遍——今天发现浏览器自己会调了，c…
