2024年07月23日 by 张 鑫旭 阅读 6893 次, 今日 21 次
盼星星，盼月亮，我的第5本书《HTML并不简单》已经正式上架了，这里讲讲为什么会想到写一本关于HTML的书籍，介绍下本书的内容结构，签字版购买等信息，希望可以得到大家的正版支持。
阅读全文…
标签： CSS世界, CSS新世界, html, HTML5, HTML并不简单
发布在 HTML相关 | 10 条评论 »
2021年08月17日 by 张 鑫旭 阅读 58329 次, 今日 23 次
推荐我的新书《CSS新世界》，我为自己代言，点击进入了解关于本书更多信息。
阅读全文…
标签： css3, CSS世界, CSS新世界, CSS选择器世界, 选择器
发布在 CSS相关 | 38 条评论 »
2025年01月2日 by 张 鑫旭 阅读 908 次, 今日 115 次
浏览器最近又支持了一个新的CSS媒体查询prefers-reduced-transparency，与用户体验密切相关的，有兴趣的可以了解下其语法和作用。
阅读全文…
标签： @media, prefers-color-scheme, prefers-contrast, prefers-reduced-motion, prefers-reduced-transparency
发布在 CSS相关 | 没有评论 »
2024年12月29日 by 张 鑫旭 阅读 1370 次, 今日 36 次
所有现代浏览器又悄咪咪地更新了一个HTML新特性，就是select元素里面可以使用hr元素创建分隔线了，具体效果和个中细节可进文了解。
阅读全文…
标签： hr, html, HTML5, optgroup, option, select, 下拉列表
发布在 HTML相关 | 3 条评论 »
2024年12月23日 by 张 鑫旭 阅读 2319 次, 今日 53 次
有些前端开发可能还不知道，JavaScript是有能力获取操作系统的内存、CPU/GPU、电量、蓝牙、掉线等信息的。
阅读全文…
标签： chargingchange, deviceMemory, getBattery, history, navigator, platform, webGL, WebGPU
发布在 JS API | 6 条评论 »
2024年12月11日 by 张 鑫旭 阅读 3593 次, 今日 19 次
本文介绍非常实用的CSS相对颜色语法，可以解构现有颜色，轻松实现相邻色、反色、半透明色等效果，有效减少项目的CSS颜色变量数量。
阅读全文…
标签： brightness, calc, calc-size(), color, color-mix, hsl, 颜色
发布在 CSS相关 | 2 条评论 »
2024年12月6日 by 张 鑫旭 阅读 1688 次, 今日 22 次
基于英文单词的发音规则，精准预估TTS语音合成每段内容所占据的时长，以便实现更精准的字幕同步，冷门应用场景，但却是稀缺的算法资源，值得收藏备忘。
阅读全文…
标签： audio, 字幕, 算法, 语音, 语音合成, 音频
发布在 JS实例 | 没有评论 »
2024年12月4日 by 张 鑫旭 阅读 1934 次, 今日 18 次
font-palette彩色字体又支持新特性了，一是可以使用palette-mix()实现基础模板的颜色混合，二是支持animation和transition动画了，至此Web字体渲染的表现力更上一层楼。
阅读全文…
标签： @font-palette-values, @keyframes, animation, color-mix, font-face, font-palette
发布在 CSS相关 | 2 条评论 »
2024年11月29日 by 张 鑫旭 阅读 1904 次, 今日 18 次
目前所有现代浏览器都已经支持color-mix()这个颜色函数了，这个函数可以实现关键字颜色值的半透明表示，是其他CSS、JS语法都无法取代的实用特性，本文还有色调插值方法的介绍。
阅读全文…
标签： color, color-mix, 颜色
发布在 CSS相关 | 3 条评论 »
2024年11月25日 by 张 鑫旭 阅读 2679 次, 今日 23 次
subgrid这个子网格特性当时Grid布局出来之后，呼声很高，现在终于支持了，非常适合那种比较规整的多层次嵌套的布局，赶快来了解一番吧。
阅读全文…
标签： display:grid, flex布局, gap, grid布局, minmax(), repeat, subgrid
发布在 CSS相关 | 4 条评论 »
2024年11月17日 by 张 鑫旭 阅读 3001 次, 今日 25 次
最近做的项目用到了一个比较冷门的DOM事件API selectionchange事件，文本选区变化时候触发，简单记录下，希望日后可以帮到遇到类似需求的同行。
阅读全文…
标签： Document, dom, range, selection, selectionchange, 鼠标事件
发布在 JS API | 没有评论 »
2024年11月14日 by 张 鑫旭 阅读 2882 次, 今日 21 次
好消息，height:auto、width:fit-content这些以前无法触发transition过渡效果的CSS声明，现在也能动画啦，就是使用calc-size()函数或interpolate-size属性。
阅读全文…
标签： calc, calc-size(), CSS动画, fit-content, interpolate-size, max-content, min-content, transition, 动画
发布在 CSS相关 | 4 条评论 »
我的应用
我的应用