AVIF图片格式简介

2020年04月8日 by 张 鑫旭 阅读 12132 次, 今日 30 次

avif图像格式

AVIF图像格式被誉为下一代图片压缩格式,究竟有什么魔力让其如此口出狂言呢,不妨一起进来看一看。

阅读全文…

CSS text-decoration实现宽度100%波浪线效果

2020年03月21日 by 张 鑫旭 阅读 9932 次, 今日 15 次

波浪线头图占位图

波浪线效果CSS 径向渐变可以绘制,SVG也可以实现,这里介绍另外一个自己想到的实现方法,使用text-decoration实现宽度100%波浪线效果,易理解易上手,尺寸可控,颜色可控。

阅读全文…

CSS overflow-wrap新属性值anywhere是干嘛用的?

2020年03月18日 by 张 鑫旭 阅读 6952 次, 今日 10 次

先介绍overflow-wrap属性,再介绍overflow-wrap新出了一个属性值anywhere,说不定在以后文字排版布局时候用得上。

阅读全文…

关于CSS emoji字体和OpenType-SVG我所知道的一些事

2020年03月12日 by 张 鑫旭 阅读 7870 次, 今日 10 次

Emoji文章缩略图

关于Emoji字体你可能不知道的一些知识,顺便简单介绍了下彩色字体标准之一的OpenType SVG字体的一些知识。

阅读全文…

检测DOM尺寸变化JS API ResizeObserver简介

2020年03月8日 by 张 鑫旭 阅读 9495 次, 今日 25 次

头图占位图

JS ResizeObserver这个全新的API可以用来观察与检测DOM元素尺寸的变化,很多以前不好实现的需求这下有了高性能高质量的解决方案了。

阅读全文…

深入理解position sticky粘性定位的计算规则

2020年03月7日 by 张 鑫旭 阅读 11502 次, 今日 36 次

sticky布局效果缩略图

sticky粘性定位规则比较复杂,涉及“流盒”(flow box)和“粘性约束矩形”等概念,如果不搞清楚原理,是无法明白明明设置了粘性定位样式却没有效果的原因的。

阅读全文…

3D LUT 滤镜颜色映射原理剖析与JS实现

2020年02月27日 by 张 鑫旭 阅读 6571 次, 今日 18 次

关于3D LUT滤镜原理的资料很少,或者原理讲得根本就不清楚,里面的一串数字怎么变成颜色的开发者全然不知,本文就通过真实例子一步一步带你剖析RGB色值是如何通过Cube等滤镜变成另外的颜色的。

阅读全文…

我是如何通过CSS向JS传参的

2020年02月13日 by 张 鑫旭 阅读 13152 次, 今日 26 次

头图占位图

介绍两种我常用的将CSS媒体查询信息传递给JS的方法,一种是伪元素+content属性发,一种是CSS var自定义属性方法,这样传参有助于降低开发成本,让CSS和JS在一些条件信息上保持一致。

阅读全文…

CSS @supports开始支持selector选择器检测了

2020年02月12日 by 张 鑫旭 阅读 4882 次, 今日 8 次

@supports规则选择器语法

CSS @supports规则现在不仅支持CSS新的属性或者属性值的检测,还支持selector选择器的检测,真是越来越强大了,语法很简单,但是还是有一些需要注意的细节知识。

阅读全文…

HTML全局属性列表大全

2020年01月31日 by 张 鑫旭 阅读 9923 次, 今日 18 次

HTML全局属性占位图

不是流水文档,每一个全局HTML属性都有专门demo页面研究测试其作用,干货和信息量非常大,请预留足够多时间阅读文本,你会学到很多HTML全局新特性。

阅读全文…