1、Bootstrap
Bootstrap是快速开发Web应用程序的前端工具包。它是一个CSS和HTML的集合，它使用了最新的浏览器技术，给你的Web开发提供了时尚的版式、表单、buttons、表格、网格系统等等。
2、Foundation
Foundation是一个易用、强大而且灵活的框架，用于构建基于任何设备上的Web应用。提供多种Web上的UI组件，如表单、按钮、Tabs等。
3、Cloud9IDE
Cloud9IDE是一个基于Node.JS构建的JavaScript程序开发WebIDE。它拥有一个非常快的文本编辑器，支持为JS，HTML，CSS和这几种的混合代码进行着色显示。Cloud9IDE还为node.js和GoogleChrome集成调试器，可以在IDE中启动、暂停和停止。
4、Notepad++
Notepad++是一款非常有特色的编辑器，是开源软件，可以免费使用。大家开发人员都是必备的。支持的语言：C，C++，Java，C#，XML，HTML，PHP，Javascript！
5、VisualStudio
CodeVisualStudioCode是一个运行于OSX，Windows和Linux之上的，针对于编写现代Web和云应用的跨平台编辑器。
6、GIMP
GIMP是GNU图像处理程序(GNUImageManipulationProgram)的缩写。包括几乎所有图像处理所需的功能，号称Linux下的PhotoShop。GIMP在Linux系统推出时就风靡了绘图爱好者圈。
7、SecureHeaders
SecureHeaders是Twitter送给Web开发者的一份大礼，作为一款Web安全开发工具，Secureheaders能够自动实施安全相关的header规则，包括内容安全政策(CSP)，防止XSS、HSTS等攻击，防止火绵羊(Firesheep)攻击以及XFO点击劫持等。
8、Fontello
Fontello是个图标字体生成器。这个工具允许用户把这些图标Web字体放到自己的项目中。主要特性如下：缩小字形集合，减小字体大小;合并一些字体标记到单个文件中;访问大量专业级的开源图标。
想要成为优秀的Web前端开发工程师，除了好用的工具，项目实战经验也必不可少。其实精通Web前端开发并非易事。大家需要具备多种能力，并根据具体情况施展这些能力这有些难度，但并不是不可能。Web前端开发是一项需要花很多时间才能掌握的技能。
@ python和前端开发怎么抉择？
谢谢邀请！
作为一名IT行业的从业者，同时也是一名计算机专业的研究生导师，偶来回答一下这个问题。
首先，当前Python和前端开发都具有大量的潜在人才需求，也都有较为广阔的发展空间，至于如何选择要根据自身的知识结构、发展规划和兴趣爱好来综合考虑。
如果未来要走研发级程序员路线，那么应该重点考虑Python开发。当前IT领域的研发热点集中在大数据、物联网和人工智能领域，而Python在这些领域均有广泛的应用，比如采用Python进行数据分析在大数据领域就比较普遍。另外Python在嵌入式开发、机器学习、计算机视觉以及自然语言处理方面均有广泛的应用，可以说目前Python是研发级程序员的重要工具之一。随着大数据和人工智能的发展，未来Python语言的发展前景非常值得期待。
如果计算机基础知识和数学知识比较薄弱，那么可以重点考虑前端开发。随着移动互联网、大数据以及人工智能的发展，目前前端开发被赋予了更多的含义，不仅包括了传统的Web前端开发，也包括了移动端开发、大数据呈现端开发、部分后端开发任务（Nodejs）和部分嵌入式开发任务（JavaScript）。当前JavaScript的应用边界不断得到拓展，前端学习者应该重点关注。
与Python相比，前端开发主要集中在应用级开发领域，对于算法方面的要求并不高，初学者能够比较容易建立起学习信心。但是在目前的就业环境下，要想提升自身的岗位竞争力，应该掌握更全面的前端知识，包括Web前端和移动端。
偶从事互联网行业多年，目前也在带计算机专业的研究生，主要的研究方向集中在大数据和人工智能领域，偶会陆续写一些关于互联网技术方面的文章，感兴趣的朋友可以关注偶，相信一定会有所收获。
如果有互联网、大数据、人工智能等方面的问题，或者是考研方面的问题，都可以在评论区留言！
@ 有什么软件可以自动生成前端代码？
学习前端的话，dw是可以自动生成网页界面，但是他的自适应不行，有的地方还是要自己改的，所以基本上是没有什么软件是可以自动生成代码的。
