2020年04月12日 by 张 鑫旭 阅读 27200 次, 今日 3 次
目前主流浏览器都已经支持了CSS min()/max()/clamp()数学函数，可以让你的布局和样式表现更加的智能。
阅读全文…
标签： calc, clamp(), CSS函数, CSS数学函数, CSS计算, max(), min, minmax()
发布在 CSS相关 | 13 条评论 »
2020年04月9日 by 张 鑫旭 阅读 28404 次, 今日 6 次
Text around
有一个正圆或者椭圆，里面有一些文字，如何让这些文字每一行的边缘正好就是圆弧的边缘而不发生溢出呢？本文就将介绍这个CSS布局技巧，希望可以帮到大家的学习。
阅读全文…
标签： border-radius, CSS Shapes, css相关, farthest-side, radial-gradient, Shadow DOM, shape布局, 文字排版, 自定义元素
发布在 CSS相关 | 7 条评论 »
2020年04月8日 by 张 鑫旭 阅读 49216 次, 今日 8 次
AVIF图像格式被誉为下一代图片压缩格式，究竟有什么魔力让其如此口出狂言呢，不妨一起进来看一看。
阅读全文…
标签： APNG, AVIF, HEIF, HEVC, https, jpeg, Service Workers, webP, 图片, 图片压缩
发布在 Graphic相关 | 17 条评论 »
2020年03月21日 by 张 鑫旭 阅读 32123 次, 今日 8 次
波浪线效果CSS 径向渐变可以绘制，SVG也可以实现，这里介绍另外一个自己想到的实现方法，使用text-decoration实现宽度100%波浪线效果，易理解易上手，尺寸可控，颜色可控。
阅读全文…
标签： content, css相关, letter-spacing, text-decoration, vw, white-space, 径向渐变, 波浪线
发布在 CSS相关 | 6 条评论 »
2020年03月18日 by 张 鑫旭 阅读 20003 次, 今日 2 次
先介绍overflow-wrap属性，再介绍overflow-wrap新出了一个属性值anywhere，说不定在以后文字排版布局时候用得上。
阅读全文…
标签： anywhere, break-all, CJK文本, css相关, overflow-wrap, word-break, word-wrap, 字符换行
发布在 CSS相关 | 5 条评论 »
2020年03月12日 by 张 鑫旭 阅读 25274 次, 今日 4 次
关于Emoji字体你可能不知道的一些知识，顺便简单介绍了下彩色字体标准之一的OpenType SVG字体的一些知识。
阅读全文…
标签： emoji字体, font-face, font-family, font-feature-settings, font-plattle, OpenType-SVG, Segoe UI, system-ui, unicode-range
发布在 CSS相关 | 3 条评论 »
2020年03月8日 by 张 鑫旭 阅读 48323 次, 今日 20 次
JS ResizeObserver这个全新的API可以用来观察与检测DOM元素尺寸的变化，很多以前不好实现的需求这下有了高性能高质量的解决方案了。
阅读全文…
标签： borderBoxSize, content-box, contentBoxSize, contentRect, DOMRect, javascript, MutationObserver, resize, ResizeObserver, textarea, 数据埋点
发布在 JS API | 9 条评论 »
2020年03月7日 by 张 鑫旭 阅读 49293 次, 今日 9 次
sticky粘性定位规则比较复杂，涉及“流盒”（flow box）和“粘性约束矩形”等概念，如果不搞清楚原理，是无法明白明明设置了粘性定位样式却没有效果的原因的。
阅读全文…
标签： bottom, css相关, flow box, left, position, right, sticky, top, 定位, 流盒, 滚动, 粘性定位, 粘性约束矩形
发布在 CSS相关 | 24 条评论 »
2020年02月27日 by 张 鑫旭 阅读 31832 次, 今日 8 次
关于3D LUT滤镜原理的资料很少，或者原理讲得根本就不清楚，里面的一串数字怎么变成颜色的开发者全然不知，本文就通过真实例子一步一步带你剖析RGB色值是如何通过Cube等滤镜变成另外的颜色的。
阅读全文…
标签： 3D LUT, 3dl, canvas, cube, RGB, 滤镜, 颜色
发布在 JS相关 | 13 条评论 »
2020年02月13日 by 张 鑫旭 阅读 31466 次, 今日 7 次
介绍两种我常用的将CSS媒体查询信息传递给JS的方法，一种是伪元素+content属性发，一种是CSS var自定义属性方法，这样传参有助于降低开发成本，让CSS和JS在一些条件信息上保持一致。
阅读全文…
标签： @media, any-hover, css var, CSS变量, hover, prefers-color-scheme, screen, var
发布在 CSS相关, JS实例 | 18 条评论 »
我的应用
我的应用