2024年07月23日 by 张 鑫旭 阅读 25600 次, 今日 29 次
盼星星，盼月亮，我的第5本书《HTML并不简单》已经正式上架了，这里讲讲为什么会想到写一本关于HTML的书籍，介绍下本书的内容结构，签字版购买等信息，希望可以得到大家的正版支持。
阅读全文…
标签： CSS世界, CSS新世界, html, HTML5, HTML并不简单
发布在 HTML相关 | 18 条评论 »
2026年10月30日 by 张 鑫旭 阅读 280 次, 今日 134 次
太不容易了，终于不需要在<img>元素的sizes属性里面写媒体查询了，auto关键字崭新来袭，只要是懒加载图片，浏览器自动判别使用哪一个srcset图片，比以前省心多了。什么，不知道我叽里咕噜说的啥？点进来看看不就知道了。
阅读全文…
标签： AVIF, lazy, loading, sizes, srcset, 图片
发布在 HTML相关 | 一条评论 »
2026年10月26日 by 张 鑫旭 阅读 717 次, 今日 40 次
named-feature() @supports规则检测本身没什么好多的，就是CSS规范里显式登记的特殊特征变化检测，但是其支持的特性背后的故事却是值得好好说道说道的。
阅读全文…
标签： @supports, named-feature(), overflow-anchor, overflow:clip, position-anchor, selector, sticky, transform
发布在 CSS相关 | 6 条评论 »
2026年10月14日 by 张 鑫旭 阅读 1403 次, 今日 11 次
balance均衡排版是一种特殊的排版方式，目前只有内联元素应用text-wrap:balance实现，现在好消息，Flex布局也支持balance排版了，我们可以配合flex-line-count进一步实现瀑布流布局。
阅读全文…
标签： balance排版, flex-line-count, flex-wrap, flex布局, text-wrap
发布在 CSS相关 | 2 条评论 »
2026年10月8日 by 张 鑫旭 阅读 1786 次, 今日 10 次
好消息，之前只有视频元素才能画中画，现在任意元素都能独立成画中画窗口了，小屏摸鱼有了新选择。
阅读全文…
标签： display-mode, Document, documentPictureInPicture, Picture-in-Picture, requestWindow, window, 画中画
发布在 JS API | 4 条评论 »
2026年09月30日 by 张 鑫旭 阅读 1707 次, 今日 14 次
分享一个与滚动交互相关的渐进增强CSS新特性，可以用在地图、画布、大图查看器这类场景中。
阅读全文…
标签： ::scroll-button, DOMMouseScroll, overflow, overscroll-behavior, scroll, scroll-axis-lock, 滚动
发布在 CSS相关 | 一条评论 »
2026年09月29日 by 张 鑫旭 阅读 1515 次, 今日 8 次
不知道了吧，除了传统的border-image属性，现在border-shape属性也能轻松实现背景色任意方向的扩展，是不占据布局尺寸的那种哦。😏
阅读全文…
标签： border-image, border-shape, conic-gradient, image(), inset(), linear-gradient
发布在 CSS相关 | 2 条评论 »
2026年09月17日 by 张 鑫旭 阅读 1709 次, 今日 5 次
除了rem这个根元素单位外，最近几年，各大浏览器又相继支持了rcap、rex、rch、ric、rlh等根字体单位，不知道你认识几个？
阅读全文…
标签： ch, CSS单位, dvh, ic, lh, line-height, rem, rex, ric, rlh, 单位, 相对单位
发布在 CSS相关 | 没有评论 »
2026年09月15日 by 张 鑫旭 阅读 2051 次, 今日 12 次
不知道了吧，tooltip轻提示效果现在不需要任何JS代码的参与，纯CSS就能实现完整交互，包括演示和动画效果，赶快来大开眼界一番吧。
阅读全文…
标签： aspect-ratio, border-shape, hover, interestfor, max-content, mouseenter, popovertarget, shape(), 锚点定位
发布在 JS实例 | 4 条评论 »
2026年09月10日 by 张 鑫旭 阅读 1868 次, 今日 19 次
书到用时方恨少，没想到，多个浏览器页面同时操作同一个资源的时候，原来有原生的API可以进行“排它锁”一样的管控，关键时刻可真是救命了。
阅读全文…
标签： AbortController, addEventListener, BroadcastChannel, indexDB, localStorage, navigator, Web Locks API
发布在 JS API | 4 条评论 »
2026年09月3日 by 张 鑫旭 阅读 2456 次, 今日 10 次
今天才发现，文件本地持久化存储，最好的技术选型原来是OPFS，而不是IndexedDB，前者性能极好、代码极少，比IndexedDB强的不是一点两点。
阅读全文…
标签： ArrayBuffer, cookie, createWritable, File, getDirectory(), getFileHandle, indexedDB, localStorage, navigator, sessionStorage, showOpenFilePicker, woff2
发布在 JS API | 5 条评论 »
我的应用
我的应用