关于《CSS选择器世界》这本书

2019年10月16日 by 张 鑫旭 阅读 93148 次, 今日 18 次

《CSS选择器世界》是我正式出版的第二本技术书籍,关于这本书,我有一些话想要和大家说……

阅读全文…

为什么HTML <picture>元素很少见人使用?

2021年07月26日 by 张 鑫旭 阅读 1838 次, 今日 80 次

HTML picture元素详解

HTML <picture>元素还是很实用的,带大家了解下,顺便讲讲为什么这个HTML属性平时项目开发很少见人使用。

阅读全文…

为什么white-space:nowrap可以让文字一行显示?

2021年07月26日 by 张 鑫旭 阅读 1498 次, 今日 42 次

鑫空间鑫生活white-space封面

分享一点关于Web中空格排版的小知识,希望对大家的学习有所帮助。

阅读全文…

使用ogv.js在Android浏览器解析webM视频

2021年07月24日 by 张 鑫旭 阅读 929 次, 今日 24 次

ogvjs与webm解码封面

在前端同行的提醒下,了解了下ogv.js解码webM视频,也就是使用canvas播放webM视频,可以让iOS,iPhone播放webM视频,但是,我的主要目的是解决Android原生video 视频层级问题的。

阅读全文…

利用废弃的html rel import实现页面include功能

2021年07月22日 by 张 鑫旭 阅读 1510 次, 今日 27 次

HTML代码片段

太好了,HTML imports被废弃了,我可以放心使用这个语法实现HTML include功能了,从此静态页面也可以有公用头部和尾部啦。

阅读全文…

借助SVG滤镜实现CSS无法实现的阴影和模糊效果

2021年07月11日 by 张 鑫旭 阅读 2110 次, 今日 20 次

SVG滤镜与模糊和投影

虽然CSS中有专门实现投影或者模糊效果的CSS属性,但是由于语法限制以及兼容性限制等原因,这些CSS并不能覆盖所有效果,此时可以借助SVG滤镜“曲线救国”。

阅读全文…

Proxy是代理,Reflect是干嘛用的?

2021年07月1日 by 张 鑫旭 阅读 3908 次, 今日 26 次

封面图示意

本文详细介绍JS中的Reflect对象,与Proxy代理之间的关系,内容详实,应该可以学到点东西。

阅读全文…

JS判断图像背景颜色单一还是丰富

2021年06月27日 by 张 鑫旭 阅读 3000 次, 今日 23 次

图像相似度占位

最近接到一个需求,需要判断图片是不是视觉上颜色看起来相似,还是色彩丰富,一番尝试下来,最终效果还不错,已开源,有demo,相信可以帮到大家。

阅读全文…

纯CSS实现标题栏、表格头水平滚动垂直不滚动

2021年06月14日 by 张 鑫旭 阅读 4620 次, 今日 35 次

滚动鑫空间粘性定位占位图

本文介绍如何使用纯CSS方法,实现某个元素在水平滚动的时候跟着滚,垂直滚动的时候固定效果,反之同样适用,丰富demo,有视频效果示意,希望可以帮到您的学习。

阅读全文…

如何使用CSS禁止元素拖拽?

2021年05月30日 by 张 鑫旭 阅读 4696 次, 今日 24 次

金鱼移动升级 占位图 鑫空间

HTML中有个属性draggable可以设置元素能否拖拽,那么CSS中有没有什么属性可以设置元素的拖拽权限呢?

阅读全文…

666,看hr标签实现分隔线如何玩出花

2021年05月30日 by 张 鑫旭 阅读 5550 次, 今日 71 次

草泥马 简笔画 html hr

本文展示大量使用HTML hr标签实现的分隔线效果,语义好,效果也好,直接复制粘贴就能使用,进来看看CSS + hr标签能玩出什么花吧~

阅读全文…