大象笔记
CSS3 动画效果
发现用 CSS3 来实现动画效果挺方便的，以下是 “大象笔记” 使用的动画效果。
```
```
## 参考
- [Using CSS animations](https://developer.mozilla.org/
关于 CSS 的 overflow
## overflow 溢出
顾名思义，在盒子模型宽高固定后，如果内容装不下，即会造成溢出。
overflow 属性有四个值：visible (默认), hidden, scroll, 和 auto。
衍生
- over
响应式设计
## 为何要响应式设计
- 方便手机阅读
- 提高搜索排名
## 目标分解
1. 了解目前的布局是怎样的。PC上和移动设备上的效果分别是怎样的。
1. 理想的布局是怎样的。PC上和移动端的目标效果是怎样的。布局以内容、功能
停止页面设计，开始流程设计
最让人苦恼的事情莫过于用户来了，啥也没点就离开了网站／应用。用户访问页数绝大多数为１。
页面反复改版，也没有效果。
几乎所有人都能看出问题出在哪里，“页面设计有问题！”
但是，如何解决呢？当前页面的设计好在哪里？问题又出在哪里
字体
中文的楷体（KaiTi）还真是好看, 参考 [片刻网](http://pianke.me/index/)
但是，更适合标题等醒目文字，正文部分还是使用各系统的常用字体。以增加差异化。
## elementui 的字体
http
设计
## 判断一个网站是否有价值的唯一标准
是否对自己有有用
## 网站模板
- http://91mb.com.cn
## 工具
- http://www.tubangzhu.com/
## 投放广告的技巧
- 不要
Laravel
## Laravel Snippets for VIM
边学，边实践，边整理的 snippets
[sunzhongwei/vim-laravel-snippets](https://github.com/sunzhongwei/v
OAuth 的原理
rfc-6749 是你的最好的朋友
## OAuth2 存在的价值
让第三方应用获取我的信息，但是我又不想让第三方知道我的密码。
## OAuth2 的 Protocol Flow
```
+--------+
Web 安全
## Quick Links
* [全球 IPv4 地址归属地数据库](http://tool.17mon.cn/ipdb.html)
* [黑客是怎样入侵你的网站的](http://www.freebuf.com/articles/
服务容灾
> Harry, you cannot claim you are a Facebook engineer if you have never brought the site down!
- 亲历 Facebook 爆发的 5 年