全新的CSS相对颜色语法-使用from和calc()

2024年12月11日 by 张 鑫旭 阅读 5821 次, 今日 35 次

月亮猫 相对颜色 占位封面图

本文介绍非常实用的CSS相对颜色语法,可以解构现有颜色,轻松实现相邻色、反色、半透明色等效果,有效减少项目的CSS颜色变量数量。

阅读全文…

英文单词朗读基于音素预估时长的JS算法

2024年12月6日 by 张 鑫旭 阅读 3469 次, 今日 26 次

音频波形封面占位图

基于英文单词的发音规则,精准预估TTS语音合成每段内容所占据的时长,以便实现更精准的字幕同步,冷门应用场景,但却是稀缺的算法资源,值得收藏备忘。

阅读全文…

哇哦,font-palette支持动画和palette-mix()混合函数了

2024年12月4日 by 张 鑫旭 阅读 3680 次, 今日 24 次

封面图

font-palette彩色字体又支持新特性了,一是可以使用palette-mix()实现基础模板的颜色混合,二是支持animation和transition动画了,至此Web字体渲染的表现力更上一层楼。

阅读全文…

CSS好用的color-mix颜色函数也可以使用啦

2024年11月29日 by 张 鑫旭 阅读 3788 次, 今日 26 次

封面占位图 麋鹿

目前所有现代浏览器都已经支持color-mix()这个颜色函数了,这个函数可以实现关键字颜色值的半透明表示,是其他CSS、JS语法都无法取代的实用特性,本文还有色调插值方法的介绍。

阅读全文…

CSS Grid布局中的subgrid的适用场景

2024年11月25日 by 张 鑫旭 阅读 4817 次, 今日 39 次

subgrid封面图

subgrid这个子网格特性当时Grid布局出来之后,呼声很高,现在终于支持了,非常适合那种比较规整的多层次嵌套的布局,赶快来了解一番吧。

阅读全文…

JS文本选区变化selectionchange事件实践小记

2024年11月17日 by 张 鑫旭 阅读 4840 次, 今日 29 次

selectionchange事件文章封面占位图

最近做的项目用到了一个比较冷门的DOM事件API selectionchange事件,文本选区变化时候触发,简单记录下,希望日后可以帮到遇到类似需求的同行。

阅读全文…

这啥?CSS calc-size和interpolate-size,真学不动了

2024年11月14日 by 张 鑫旭 阅读 4799 次, 今日 35 次

水果动画封面占位图

好消息,height:auto、width:fit-content这些以前无法触发transition过渡效果的CSS声明,现在也能动画啦,就是使用calc-size()函数或interpolate-size属性。

阅读全文…

趁热打铁,SVG feColorMatrix滤镜gogogo!

2024年11月11日 by 张 鑫旭 阅读 3496 次, 今日 22 次

占位封面图颜色滤镜

充分且深入学习SVG feColorMatrix滤镜的语法,矩阵变换原理,常见颜色滤镜参数值,生成工具等。

阅读全文…

Pixi.js中ColorMatrixFilter自带滤镜效果一览

2024年10月31日 by 张 鑫旭 阅读 3872 次, 今日 21 次

滤镜封面占位图

算是把pixi.js中的颜色矩阵算法滤镜的使用和各种渲染效果给摸了个透,一通百通,对SVG滤镜,canvas 2D滤镜的学习与应用也是颇有帮助的。

阅读全文…

Object.is/===、数组at/直接索引、substring/slice的区别

2024年10月24日 by 张 鑫旭 阅读 4325 次, 今日 24 次

喜鹊鸟类占位图

介绍几个JS中非常雷同的方法或者语法,不知道诸位是否可知其中的差异?

阅读全文…