2025年01月2日 by 张 鑫旭 阅读 6289 次, 今日 11 次
浏览器最近又支持了一个新的CSS媒体查询prefers-reduced-transparency，与用户体验密切相关的，有兴趣的可以了解下其语法和作用。
阅读全文…
标签： @media, prefers-color-scheme, prefers-contrast, prefers-reduced-motion, prefers-reduced-transparency
发布在 CSS相关 | 一条评论 »
2024年12月29日 by 张 鑫旭 阅读 6792 次, 今日 17 次
所有现代浏览器又悄咪咪地更新了一个HTML新特性，就是select元素里面可以使用hr元素创建分隔线了，具体效果和个中细节可进文了解。
阅读全文…
标签： hr, html, HTML5, optgroup, option, select, 下拉列表
发布在 HTML相关 | 3 条评论 »
2024年12月23日 by 张 鑫旭 阅读 10090 次, 今日 13 次
有些前端开发可能还不知道，JavaScript是有能力获取操作系统的内存、CPU/GPU、电量、蓝牙、掉线等信息的。
阅读全文…
标签： API, chargingchange, deviceMemory, getBattery, history, navigator, platform, webGL, WebGPU
发布在 JS API | 9 条评论 »
2024年12月11日 by 张 鑫旭 阅读 9063 次, 今日 11 次
本文介绍非常实用的CSS相对颜色语法，可以解构现有颜色，轻松实现相邻色、反色、半透明色等效果，有效减少项目的CSS颜色变量数量。
阅读全文…
标签： brightness, calc, calc-size(), color, color-mix, hsl, 颜色
发布在 CSS相关 | 2 条评论 »
2024年12月6日 by 张 鑫旭 阅读 6422 次, 今日 11 次
基于英文单词的发音规则，精准预估TTS语音合成每段内容所占据的时长，以便实现更精准的字幕同步，冷门应用场景，但却是稀缺的算法资源，值得收藏备忘。
阅读全文…
标签： audio, 字幕, 算法, 语音, 语音合成, 音频
发布在 JS实例 | 没有评论 »
2024年12月4日 by 张 鑫旭 阅读 6537 次, 今日 10 次
font-palette彩色字体又支持新特性了，一是可以使用palette-mix()实现基础模板的颜色混合，二是支持animation和transition动画了，至此Web字体渲染的表现力更上一层楼。
阅读全文…
标签： @font-palette-values, @keyframes, animation, color-mix, font-face, font-palette
发布在 CSS相关 | 2 条评论 »
2024年11月29日 by 张 鑫旭 阅读 7053 次, 今日 12 次
目前所有现代浏览器都已经支持color-mix()这个颜色函数了，这个函数可以实现关键字颜色值的半透明表示，是其他CSS、JS语法都无法取代的实用特性，本文还有色调插值方法的介绍。
阅读全文…
标签： color, color-mix, 颜色
发布在 CSS相关 | 3 条评论 »
2024年11月25日 by 张 鑫旭 阅读 8326 次, 今日 14 次
subgrid这个子网格特性当时Grid布局出来之后，呼声很高，现在终于支持了，非常适合那种比较规整的多层次嵌套的布局，赶快来了解一番吧。
阅读全文…
标签： display:grid, flex布局, gap, grid布局, minmax(), repeat, subgrid
发布在 CSS相关 | 6 条评论 »
2024年11月17日 by 张 鑫旭 阅读 8051 次, 今日 14 次
最近做的项目用到了一个比较冷门的DOM事件API selectionchange事件，文本选区变化时候触发，简单记录下，希望日后可以帮到遇到类似需求的同行。
阅读全文…
标签： Document, dom, range, selection, selectionchange, 鼠标事件
发布在 JS API | 没有评论 »
2024年11月14日 by 张 鑫旭 阅读 8232 次, 今日 11 次
好消息，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相关 | 5 条评论 »
我的应用
我的应用