本文解析了通过纯 CSS 实现杂志封面折叠效果，拆解之后的实现过程相对就比较清晰了，主要使用了css 3d相关属性。还可以用于各种其他场景，比如卡片翻转、菜单展开等

最近重新设计了分享海报，用毛玻璃作为背景，使整体更有质感，如果没有用到canvas，毛玻璃效果其实很好实现，给元素添加一个滤镜即可

工程化永远是围绕着质量、体验和效率三个维度进行建设，来保证高效、高质量地完成业务需求，减少跨项目、跨团队的协作成本。但前端工程化不是万金油，它是在特定时期面对特定场景的解决方案。

相信大家或多或少都在各种网站上使用过新手引导，当网站提供的功能有点复杂时，这是一个对新手非常友好的功能，可以跟随新手引导一步一步了解网站的各种功能，我们要做的只是点击下一步或者上一步，网站就能滚动到指

纯 js 实现基于 canvas 的文本划词高亮，与文本展示内容的结构完全解耦，不改变文本内容原本的 DOM 结构。

背景 Web视频编辑器即基于浏览器的视频编辑工具，可以实现视频拼接、滤镜等功能点，一般包含视频导入、预览和导出功能。在众多编辑器中，绝大部分编辑器选择了服务端导出，因为服务端编解码能力更强，导出速度更

纯前端将任意 DOM 节点导出为 PDF; 5 种思路对比, 结论简单明了; 在控制台运行 DEMO 来玩一玩把

实现音频可视化 这里主要使用了web audio api和canvas来实现的（当然也可以使用svg，因为canvas会有失帧的情况，svg的写法如果有大佬会的话，可以滴滴我一下） 背景 最近听音乐的

本文作者是蚂蚁集团前端工程师维骏，介绍了语雀在做桌面端时的一些技术架构思考和实践，同时分享沉淀的一些通用桌面应用解决方案和经验，欢迎一起交流～