鑫空间鑫生活

带大家快速了解下CSS initial-letter属性，可以更好地设置首字母的排版效果。

既生瑜何生亮，没想到CSS有语法和作用如此相似的两套规则，一个是范围，一个是嵌套，大部分时候两者可以互相替换，怎会如此呢？

要想成为前端图形表现领域的高手，要必要弄懂SVG中各种滤镜元素的语法与作用，先从简单的feblend元素开始。

模糊和投影算是SVG滤镜中学习难度最低的元素了，所以放在一起介绍，从中可以看到CSS模糊和投影滤镜语法的影子。

后端这块只会Node.js的前端工程师如何实现每隔一两秒就获取一张小尺寸的视频截图的需求呢？

今天终于发现了一种适用于各种背景环境的文字变瘦方法，此方法居然无需用到任何与文字相关的CSS属性。

本文介绍两种Web中实现图片马赛克的方法，一个是SVG滤镜的，一个基于某个CSS属性的，都比较简单，不复杂。

没想到吧，借助SVG看似不起眼的feMerge滤镜，我们可以轻松实现任意DOM元素的样式的投影复制效果，还支持动画哦。

最近尝试在Dialog对话框组件中大肆使用顶层特性，以便减少z-index这类层级的判断，结果发现事情并没有预想的那样顺利，顶层特性也是有隐患的，好在有低成本的解决方法。

音视频合成的时候，有倍速合成的需求，起初，我以为这只是个手到擒来的小需求，细究之下发现问题并不简单……

全新的Screen Wake Lock API，可以让网页无论放置多久，都不要担心熄屏，或出现屏保，Web如今越来越强了。

从名称上看，@scope似乎是实现CSS作用域的，这个讨论了近20年的特性终于是要支持了吗，还是并非如此？

只要你的产品有SEO的需求，那么MicroData微数据就是必须要了解的知识，通过几个属性，让数据结构更适合搜索引擎识别。

SEO 优化 https://github.com/schemaorg/schemaorg

其实获取视频的缩略图并不需要视频解码就能实现，方法就是其貌不扬的HTML video元素。

Firefox也正式支持popover属性了，大人，时代变了，所有的下拉效果要换种实现方式啦。

原来前端纯JS就能实现人脸识别检测，使用简单，性能优异，准确率也高，有案例演示，有源码，希望可以帮到大家的学习。

给大家演示下如何对比两个IMG图片的相似度，性能和准确度均不错，然后……圣诞节快乐！🎄

其实使用Web Audio API就能从视频中提取音频文件了，本文有演示页面，有实现代码，有详细讲解，值得一看。

坚持探索Web标准下的原生浏览器开发行为，行为驱动和数据驱动的表单开发其实各有千秋，深入HTML，你会发现这个世界比你所知的要精彩的多。

自己体验了下，出乎意料，HTML elementtiming属性在性能监控这块，比预想的要实用的多。

MDN:Web/HTML/Attributes/elementtiming 可监听任意Element元素的加载性能

该属性可应用于 <img>​​​, <image>​​​里面的元素 <svg>​​​，海报图像 <video>​​​元素，具有 background-image​​​，以及包含文本节点的元素，例如 <p>​​​.

在 DOM 中，该属性体现为 Element.elementTiming​​​.

本文介绍三种改变音频播放音量的方法，其中还有一种方法直接改变音频AudioBuffer数据源的音量，说不定你哪天就会用到。

起初以为只是个小需求，实现JS复制图片到剪切板，直到深入了解，才发现，原来涉及到那么多知识，真是不虚此学。

3年前有更新过JS剪裁audio音频，今天我们再讲讲如何使用原生的JS实现多个音频的拼接或合并，此文可是其他地方见不到的哟。

应该是国内第一篇专门介绍用mp4box.js和VideoDecoder方法解码MP4视频序列帧的文章了。

想要提高网页的加载体验，其实有个非常简单且实用的技巧，那就是改变请求资源的加载优先级，这也可以改变？没错！

剪映中的视频特效虽多，其实就两类，一类改变原始像素，一类叠加混合，本文通过精简的源码和精致的案例给大家介绍具体如何实现。

滤镜效果大体分两类，一类是算法滤镜，另外一类则是颜色映射滤镜，本文就将介绍如何使用pixi.js在WebGL中应用颜色映射滤镜。

本文通过真实的demo演示案例给大家展示如何使用JS获取本地音乐文件的封面图、文件名及时长等信息。