Frontend Furnace Plan

前端回炉计划：旨在收集并整理出一些有用信息，帮助有需要的同学。

前端回炉计划的初衷：

• 帮助新手快速入门
• 帮助初中级开发人员回炉再造&提升
• 帮助高级以上开发人员回炉再精进&升华

写在前面：

本文中收集并整理的相关信息（不分先后排序）为非营利性的推荐，大部分都是根据行业热度以及作者的观点梳理出来的。

前期收集并整理的内容相对比较零散，主要起到快速导航的效果。

后期有考虑进行详细分类并提供快速导航，方便快速阅读。

注：有些网站可能需要翻墙才能看到

IDE开发工具

• Visual Studio Code（推荐）
• Atom（推荐）
• Sublime Text（推荐）
• Notepad++（windows下一款很棒的文本编辑器）
• WebStorm（jetbrains出品必出精品，很强大的一款web开发编辑器）

新手入门学习站点

• Mozilla 开发者社区(MDN)
• W3 school
• 菜鸟教程
• W3C

综合性博客站点

• 博客园
• csdn
• 伯乐在线
• 掘金

团队型技术博客

• FEX
• AlloyTeam
• 淘宝前端团队
• 凹凸实验室
• 奇舞团

知识问答型站点

• 知乎
• 思否
• Stack Overflow

浏览器兼容性

• caniuse(浏览器相关特性兼容性查询)
• browserhacks(浏览器兼容性写法参考)

css编译语言

• sass
• less
• stylus

构件工具

• Grunt
• Gulp
• Webpack
• Parcel

代码类

• JsBin（在线代码编辑）
• Codepen（在线代码编辑）
• Regexper（正则表达式，在线可视化）
• Visualgo（数据结构，在线可视化）
• Asciiflow（代码注释图形，在线制作）

图片类

• 标你妹（标注工具：上传psd自动生成标注）
• Photoshop（大家都在用的PS软件）
• Sketch（mac上最好用的PS软件，可导出带标注的设计稿）
• iconfont (国内较好的字体图标库)

实用工具

• 百度网盘（文件存储和多端同步）
• 有道词典（很不错的一个跨平台翻译软件）
• 有道云笔记（跨平台、大容量、易操作的云笔记）
• 石墨文档（可多人实时协作的云端文档与表格）
• LICEcap（跨平台的git动画效果录屏工具）
• XMind（很受欢迎的思维导图软件）
• ProcessOn（很好用的免费在线作图平台）
• smallpdf（提供各种文档在线转换）

持续更新中…