备忘记录一下

📙 Documents

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

🎨 Playgrounds

• repl.it (opens new window) - 在线运行 多种语言 (opens new window) 的代码片段
• CodeSandbox (opens new window) - 在线 Web 代码沙盒平台
• jsbench (opens new window) - 在线跑 JavaScript 基准测试

🛠 Tools, Generator, Visual editor

• Flexy Boxes (opens new window) - CSS Flexbox 的可视化工具，还能生成代码
• CSS Grid Template Builder (opens new window) - CSS Grid 的可视化工具
• cubic-bezier (opens new window) - 贝塞尔曲线生成器，写 CSS 动画的时候很实用
• CSS 三角形生成器 (opens new window)
• CSS Sprites Generator (opens new window) - 雪碧图生成，带有二叉树排列算法
• Carbon (opens new window) - 给你的代码片段生成很漂亮的截图
• CODELF (opens new window) - 变量命名灵感神器
• URL-encoder for SVG (opens new window) - 生成 URL 友好的 data URI SVG 小工具