关于《HTML并不简单》这本书

2024年07月23日 by 张 鑫旭 阅读 4333 次, 今日 4 次

HTML并不简单 书封

盼星星,盼月亮,我的第5本书《HTML并不简单》已经正式上架了,这里讲讲为什么会想到写一本关于HTML的书籍,介绍下本书的内容结构,签字版购买等信息,希望可以得到大家的正版支持。

阅读全文…

关于《CSS新世界》这本书

2021年08月17日 by 张 鑫旭 阅读 55823 次

CSS新世界

推荐我的新书《CSS新世界》,我为自己代言,点击进入了解关于本书更多信息。

阅读全文…

Nice! Safari也支持CSS @perporty规则了

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

占位图 星空

CSS @perporty规则最具代表性的作用是扩大了CSS动画和CSS过渡效果的应用范围,还是挺实用的一个Houdini特性。

阅读全文…

时隔两年,Chrome也支持round等CSS数学函数了

2024年09月26日 by 张 鑫旭 阅读 1755 次, 今日 3 次

封面占位图

最近Chrome进行了第4批CSS数学函数的支持,包括mod()/rem()/round(),其中round()函数尤为的实用。

阅读全文…

实用的JS对象分组静态方法Object.groupBy()

2024年09月19日 by 张 鑫旭 阅读 2143 次, 今日 3 次

封面图

好消息,所有现代浏览器都已经支持Map.groupBy()、Object.groupBy()静态分组方法了,我们的JavaScript代码又可以进一步简化了。

阅读全文…

好消息,align-content垂直居中也适用普通元素啦

2024年09月13日 by 张 鑫旭 阅读 2016 次

封面图 兔子

之前使用align-content控制元素的垂直对齐仅适用于Flex或Grid元素,而现在,Block元素也能使用啦!

阅读全文…

来了来了,scrollend滚动停止事件也支持了

2024年09月11日 by 张 鑫旭 阅读 2299 次, 今日 1 次

scrollend封面图

Chrome和Firefox浏览器都已经支持scrollend滚动停止事件了,快进来瞅瞅吧。

阅读全文…

搞懂SVG中各种Light相关的光源滤镜

2024年09月9日 by 张 鑫旭 阅读 1382 次, 今日 1 次

光影相机

SVG光影相关的滤镜元素有5个,乍一看,还挺复杂,可细细一学,哦,原来也就是这么回事。

阅读全文…

不能落后,好好缕缕CSS滚动动画

2024年08月23日 by 张 鑫旭 阅读 4447 次, 今日 3 次

封面占位图 滚动动画

CSS滚动动画比我预想的要强多了,项目中又有很多JavaScript代码可以淘汰了。

阅读全文…

页面级可视动画View Transitions API初体验

2024年08月10日 by 张 鑫旭 阅读 4602 次, 今日 5 次

鸟儿走路听音乐动图 占位图

View Transitions API可以让页面元素在无需设置具体定位属性值的情况下实现各种各样的动画效果,是个很强很有用的新特性。

阅读全文…

独家,MP3音频淡入淡出播放和转换的JS实现

2024年07月29日 by 张 鑫旭 阅读 3448 次, 今日 2 次

封面占位图

本文通过案例演示如何使用开源JS库实现音频淡入淡出、原生JS又该实现,以及如何从底层对音频进行淡入淡出转换,都是少见的技术分享。

阅读全文…