📙 Documents

• MDN Web 文档 - 权威的 Web 技术文档库，各种网络标准、最佳实践、开发者文档
• DevDocs API Documentation - 各种 API 文档聚合，可以离线、更新迅速，可以看做网页版 Dash
• Emmet Cheat Sheet
• Can I use - 现代 Web 技术的浏览器支持程度对照表
• Devhints - @rstacruz 总结的各种技术备忘单，界面很好看哦
• CSS Reference - CSS 属性可视化指南
• CSS Triggers - 列出了哪些 CSS 属性会触发浏览器重新布局、绘制和合成

🎨 Playgrounds

• repl.it - 在线运行 多种语言 的代码片段

以下都是比较出名的了

• https://runkit.com/home
• https://codesandbox.io/
• https://stackblitz.com/
• https://codepen.io/
• https://jsbin.com/
• https://jsfiddle.net/
• http://requirebin.com/
• https://www.webpackbin.com/
• https://esnextb.in/

🛠 Tools, Generator, Visual editor

• Flexy Boxes - CSS Flexbox 的可视化工具，还能生成代码
• CSS Grid Template Builder - CSS Grid 的可视化工具
• cubic-bezier - 贝塞尔曲线生成器，写 CSS 动画的时候很实用
• CSS 三角形生成器
• CSS Sprites Generator - 雪碧图生成，带有二叉树排列算法
• Carbon - 给你的代码片段生成很漂亮的截图