astro-notion-blog
Description is here. The icon, the title, the description can be modified in Notion.
JavaScript
2016-01-18
用 Pixi.js 绘制游动的锦鲤
Pixi.js 是一个 Javascript 的 2D 图像引擎，它采用 WebGL 加速 可实现惊人的绘制效率，并且它对 2D 渲染、动画、特效等进行了封装，十分易于使用，下面我们来一步步用 Pixi 实现游动的鲤鱼的效果。
2015-12-13
CSS3 实现的动态边框效果 live boder
最近 Google+ 进行了改版，整体效果如何我就不吐槽了. 有些设计上的细节比较有意思，比如这个后台载入的提示: 通过开发者工具分析可以看出来，它是通过 CSS3 animation 让一个 div 循环移动实现的 于是我也来尝试实现了一下这个效果，并封装成 jQuery 插件
2014-08-24
使用 D3.js 绘制行政区域地图
D3.js 是一个可视化的 Javascript 库，使用它可以方便的将数据以图形化的方式展示在 HTML 页面中。 现在我们的需求是根据行政区域的地理显示不同区域的状态（如温度、人口等）。