2024年12月29日 by 张 鑫旭 阅读 4155 次, 今日 8 次

所有现代浏览器又悄咪咪地更新了一个HTML新特性,就是select元素里面可以使用hr元素创建分隔线了,具体效果和个中细节可进文了解。
阅读全文…
标签: hr, html, HTML5, optgroup, option, select, 下拉列表
发布在 HTML相关 | 3 条评论 »
2024年12月23日 by 张 鑫旭 阅读 6564 次, 今日 11 次

有些前端开发可能还不知道,JavaScript是有能力获取操作系统的内存、CPU/GPU、电量、蓝牙、掉线等信息的。
阅读全文…
标签: API, chargingchange, deviceMemory, getBattery, history, navigator, platform, webGL, WebGPU
发布在 JS API | 8 条评论 »
2024年12月11日 by 张 鑫旭 阅读 6349 次, 今日 8 次

本文介绍非常实用的CSS相对颜色语法,可以解构现有颜色,轻松实现相邻色、反色、半透明色等效果,有效减少项目的CSS颜色变量数量。
阅读全文…
标签: brightness, calc, calc-size(), color, color-mix, hsl, 颜色
发布在 CSS相关 | 2 条评论 »
2024年12月6日 by 张 鑫旭 阅读 3933 次, 今日 7 次

基于英文单词的发音规则,精准预估TTS语音合成每段内容所占据的时长,以便实现更精准的字幕同步,冷门应用场景,但却是稀缺的算法资源,值得收藏备忘。
阅读全文…
标签: audio, 字幕, 算法, 语音, 语音合成, 音频
发布在 JS实例 | 没有评论 »
2024年12月4日 by 张 鑫旭 阅读 4146 次, 今日 7 次

font-palette彩色字体又支持新特性了,一是可以使用palette-mix()实现基础模板的颜色混合,二是支持animation和transition动画了,至此Web字体渲染的表现力更上一层楼。
阅读全文…
标签: @font-palette-values, @keyframes, animation, color-mix, font-face, font-palette
发布在 CSS相关 | 2 条评论 »
2024年11月29日 by 张 鑫旭 阅读 4308 次, 今日 13 次

目前所有现代浏览器都已经支持color-mix()这个颜色函数了,这个函数可以实现关键字颜色值的半透明表示,是其他CSS、JS语法都无法取代的实用特性,本文还有色调插值方法的介绍。
阅读全文…
标签: color, color-mix, 颜色
发布在 CSS相关 | 3 条评论 »
2024年11月25日 by 张 鑫旭 阅读 5386 次, 今日 7 次

subgrid这个子网格特性当时Grid布局出来之后,呼声很高,现在终于支持了,非常适合那种比较规整的多层次嵌套的布局,赶快来了解一番吧。
阅读全文…
标签: display:grid, flex布局, gap, grid布局, minmax(), repeat, subgrid
发布在 CSS相关 | 6 条评论 »
2024年11月17日 by 张 鑫旭 阅读 5347 次, 今日 9 次

最近做的项目用到了一个比较冷门的DOM事件API selectionchange事件,文本选区变化时候触发,简单记录下,希望日后可以帮到遇到类似需求的同行。
阅读全文…
标签: Document, dom, range, selection, selectionchange, 鼠标事件
发布在 JS API | 没有评论 »
2024年11月14日 by 张 鑫旭 阅读 5356 次, 今日 12 次

好消息,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 条评论 »
2024年11月11日 by 张 鑫旭 阅读 3915 次, 今日 6 次

充分且深入学习SVG feColorMatrix滤镜的语法,矩阵变换原理,常见颜色滤镜参数值,生成工具等。
阅读全文…
标签: ColorMatrixFilter, feColorMatrix, filter, Matrix, SVG滤镜, 滤镜, 矩阵
发布在 SVG相关 | 2 条评论 »