每一种字体少则几百 kb ，多则几 M，接入自定义字体多少都会对页面的性能和体验造成一定的影响。最好的方式当然是使用系统自带的字体，但有时候设计师或者产品经理就是要加入新的字体，因此面对这种情况很有必

egret 是一个用来帮你开发 H5 游戏的利器。也许你曾经用原生 js 写过一些小游戏，但是效率极低；也曾用 createjs 写过，但复杂起来也是力不从心，这时我们就需要学会用高级点的工具💪（egret）。它的出现极大释放了你的双手，能帮助你更好更快的开发一款小游戏（谁用…

最近关注了油管上的 CSS Animation Effects Tutorial 系列，里面介绍了非常多有意思的 CSS 动效。其中第一个就是很酷炫的霓虹灯效果，这里就实现思路做一个简单的记录和分享。

这个时候你直接引用文件地址自然是行不通的。 在vue.config.js文件里添加externals。 index.html 区分环境并引入js文件。 结束上面的步骤后就可以愉快的引用image-position.js文件了。 在Vue项目的打包体积优化中，cdn加速是常用的一…

笔者开源的前端进阶之道已有三年之久，至今也有 17k star，承蒙各位读者垂爱。在当下部分内容已经略微过时，因此决定提笔翻新内容。 翻新后的内容会全部集合在「干爆前端」中，有兴趣的读者可以前往查看。 本文非百科全书，只专为面试复习准备、查漏补缺、深入某知识点的引子、了解相关面…

一个跨浏览器的动效基础库，是许多基础动效的解决方案。从经典的弹跳动效到独特的扭曲动效，一应俱全。 文件大小：55.2 kB. 和其他的同类工具不同的地方在于，它不仅仅是一个库，而是有这用户可以直接操作的实际功能，它带有一个完整的网页构建器。Bounce.js 是为数不多的可以直…

本文其实应该叫，Web 用户体验设计提升指南。 ... 所谓的用户体验设计，其实是一个比较虚的概念，是秉承着以用户为中心的思想的一种设计手段，以用户需求为目标而进行的设计。设计过程注重以用户为中心，用户体验的概念从开发的最早期就开始进入整个流程，并贯穿始终。 良好的用户体验设计…

本文将会和这篇 -- CSS 奇思妙想边框动画类似，讲一些文字效果，利用不同的属性搭配，实现各式各样的文字动效。 在写各种 DEMO 的时候，有的时候一些特殊的字体能更好的体现动画的效果。这里讲一个快速引入不同格式字体的小技巧。 当我们相中了一个我们喜欢的字体，它也提供了非常快…

聊聊前端开发日常的协作工具，跟大家分享下树酱日常工作中常用的一些工具，或许可以帮到你提升日常的协作效率。这些神器你值得拥有！