js1k.com 收集了小于 1k 的 javascript 小例子，里面有很多很炫很酷的游戏和特效，今年规则又增加了新花样，传统的 classic 类型基础上又增加了 WebGL 类型，以及允许增加到 2K 的 ++ 类型，多次想尝试提交个小游戏但总无法写出让自己满意还能控制在这么小的字节范围。 自己写不出来，站在巨人肩膀总是有机会吧，折腾了一番站在 Hightopo 的肩膀上搞了个 3D 贪吃蛇游戏，算了算 JS 代码还只有 90 来行，终于满足了自己的小小心愿写完这篇可以满意去睡觉了。

路径动画的效果还是挺有意思的，而 Web 中常用的方法就是 SVG。先上一个效果图： SVG 要在 SVG 里面实现文字路径动画还是比较简单的，SVG 里面就有天然的支持。 我们先搞个 SVG 路径 <svg id="textPathDemo" xmlns="http://ww…

本文标题:实现图片懒加载(lazyload)文章作者:Jake发布时间:2016-11-26, 18:46:34最后更新:2016-11-28, 17:12:59原始链接:http://i.jakeyu.top/2016/11/26/实现图片懒加载/许可协议: "署名-非商用-…

开工大吉，在开工第二天，送上每周一个动画系列的第三篇，新的一年先给自己一个大大的赞。闲话不说，开始我们的正文。 本文分析实现的某些效果，仅仅作为一个思路分享，仅仅作为学习素材使用。 可以看到鼠标在点击红心的时候，有些粒子效果，同时红心填充为红色，效果的确很赞。 我们应该记得在《…

用 Flex 实现弹性可伸缩的图片墙。点击图片展开或压缩，同时伴有文字飞入飞出的效果。

原文地址: https://github.com/AlloyTeam/AlloyTouch/wiki/Pull-to-refresh 效果展示 扫码体验 你也可以点击这里访问 Demo 可以点击这里查看代码 背景 在手机 QQ 内部，其实客户端提供了下拉刷新的能力，拖动整个 webview…

Generate artistic QR code. 可以合并一张图实现，支持 React.js / Angular.js

本文是源自 Github 上 Kamran Ahmed 建立的一个仓库。在文中，作者为他的老教授分享了一组成为前端与后端开发者以及 Devops 人员需要掌握的学习路线图，以便与他的学生们分享他们的观点，一起来看看。

CodePen 年终 10 大最受欢迎的作品盘点，希望这些作品能够给你一定的启发和帮助。