Aotu.io

2D圆形随机分布

Canvas 上画圈圈诅咒你。

用Web技术实现移动监测

动次打次...动一次打一次。本文将阐述如何通过 Web 技术实现简易的移动监测效果，并附上一些有意思的案例。

流式分页方案探索

一次前后端的探索

URL编码的奥秘

秘秘秘秘秘秘秘秘秘秘秘秘秘秘秘秘秘秘秘秘秘秘秘秘~

10个你可能不知道的前端PS技巧

10个你可能不知道的前端PS技巧

canvas 图像旋转与翻转姿势解锁

多图预警，数学不好可直接跳至文末小结。

一个例子上手SVG动画

本文通过一个例子来一步一步展示使用SVG制作动效的过程，并且在过程中讲解所用到的svg的标签和特性。完成了整个例子后会对svg绘制图形和制作动画有一个系统的认识。

利用视口单位实现适配布局

视口单位的出现又为移动端Web开发提供了一种新的适配页面的布局方式

【译】关于 Node.js 里 ES6 Modules 的一次更新说明

“今天 Node.js 支持 ES6 Modules 了吗？” “并没有！”

Matter.js 2D 物理引擎试玩报告

妈妈再也不用担心我的物理了

Sticky Footer，完美的绝对底部

所谓 "Sticky Footer"，并不是什么新的前端概念和技术，它指的就是一种网页效果：如果页面内容不足够长时，页脚固定在浏览器窗口的底部；如果内容足够长时，页脚固定在页面的最底部。

GPU加速是什么

众所周知，网页不仅应该被快速加载，同时还应该流畅运行，比如快速响应的交互，如丝般顺滑的动画……

了解 Fetch API

介绍 Fetch API 基本使用方法

用 Git 钩子进行简单自动部署

介绍使用 Git 钩子进行自动部署

实现一个简单但有趣的AR效果（Web）

了解如何通过 Web 技术实现一个简单但有趣的AR效果。

轻氧 - React Native 安卓版 V1.0

小伙伴们呼声很高的轻氧 APP 安卓版本正式发布啦，欢迎下载尝鲜体验

移动端真机调试指南

图文并茂介绍了几种常用的移动端真机调试方案（多图预警）

“等一下，我碰！”——常见的2D碰撞检测

讲述了在 Web 开发中常见的几种 2D 碰撞检测，内含运行实例（基于 Canvas）、图片说明。

探讨判断横竖屏的最佳实现

简述多种横竖屏判断的实现方式以及其中的优缺点，并探讨最佳的实现方式

使用 Snap.svg 制作动画

介绍 Snap.svg 以及其制作动画的几种方式、兼容性和使用建议

sass-svg 一个内联 SVG 的 SASS 库

将SVG代码转化为 Data-URI 的 Sass 库

微信小程序跨页面通信解决思路

利用订阅／发布模式来实现微信小程序 Page 间通讯

ELF - 灵活可扩展的 HTML5 构建工具

面向开发者的灵活可扩展的 HTML5 构建工具，提供命令行工具 elf（基于 Webpack），无需构建配置文件并可进行开发，可用来制作各种 HTML5 场景营销活动页面，也可自由的通过模板和组件的组合来快速定制开发。

聊聊 SVG 基本形状转换那些事

介绍如何把SVG基本形状转换为更紧凑的path形式