Web技术
HTTP
HTML
CSS
- CSS: From Zero to Hero
- CSS实现垂直居中的常用方法
- 浅谈Web自适应
- 伪元素的妙用–单标签之美
- 酷酷的CSS3三角形运用
- 用 CSS3 绘制你需要的几何图形
- CSS魔法堂：Box-Shadow没那么简单啦:)
- Understanding Flexbox: Everything you need to know
- 写给自己看的 display: flex 布局教程
JavaScript
- 总结ES6常用的新特性
- 30行代码实现Javascript中的MVC
- JavaScript 节流函数 Throttle 详解
- 用 ParallelJS 并行处理 JavaScript
- JavaScript 资源大全中文版
- 让 Javascript 优雅如诗
- JavaScript 模块化入门Ⅰ：理解模块
- 跨域问题，解决之道
- Make small focused modules
- HACKING SEMICOLONS
- The Evolution of Async JavaScript: From Callbacks, to Promises, to Async/Await
- 深入理解ES7的async/await
Svg
Font
Design
Tools
- HTTPie — a command line HTTP client
- mitmproxy — interactive examination and modification of HTTP traffic
- The best HTTP Static File Server
- DevDocs: API Documentation Browser
- Text encoder decoder, format converter
Open Source
Web协议
Ocsp stapling Ocsp 全称在线证书状态检查协议 (rfc6960)，用来向 CA 站点查询证书状态，比如是否撤销。通常情况下，浏览器使用 OCSP 协议发起查询请求，CA 返回证书状态内容，然后浏览器接受证书是否可信的状态。
这个过程非常消耗时间，因为 CA 站点有可能在国外，网络不稳定，RTT 也比较大。那有没有办法不直接向 CA 站点请求 OCSP 内容呢？ocsp stapling 就能实现这个功能。
详细介绍参考 RFC6066 第 8 节。简述原理就是浏览器发起 client hello 时会携带一个 certificate status request 的扩展，服务端看到这个扩展后将 OCSP 内容直接返回给浏览器，完成证书状态检查。
由于浏览器不需要直接向 CA 站点查询证书状态，这个功能对访问速度的提升非常明显。
Nginx 目前已经支持这个 ocsp stapling file，只需要配置 ocsp stapling file 的指令就能开启这个功能：
ssl_stapling on;ssl_stapling_file ocsp.staple;