移动前端开发百宝箱具体经验分享如下

1.前端开发的第一步是设计图纸的处理，俗称“切图”。这里需要PhotoShop CS6来裁剪图片，有时候需要对图片进行适当的处理。

2.除了PhotoShop CS6，最好的剪图工具是fireworks cs6。

3.网站所需图片全部准备好之后，就可以正式进入前端开发领域了。最流行的前端工具是Dreamweaver CS6。

4.当然，除了Dreamweaver CS6，还有很多不错的HTML编辑器，其中Sublime Text是比较有名的一个，它是一个代码编辑器，也是HTML和散文的高级文本编辑器。

5.HTML编辑器，除了以上，Notepad++也是不错的选择，比Windows中的记事本功能更强大。除了用来制作一般的纯文本描述文件，它也非常适合编写计算机程序代码。Notepad++不仅有语法高亮显示，还有语法折叠功能，支持扩展基本功能的宏和插件。

6.高级HTML编辑器包括Aptana Studio，这是一个集成的Web应用程序开发环境。它既可以作为独立程序运行，也可以作为Eclipse插件使用。

7.前端开发中，经常用到截图和颜色选择的功能。虽然这在PS中可以做到，但是有一个专业的软件可以事半功倍。这是FSCapture，这是一款体积小巧，功能强大的截屏工具。它不仅具有常规截图的功能，还具有从扫描仪获取图像并将图像转换为PDF文档的功能。

8.前端开发中，浏览器测试必不可少，从调试功能来说，谷歌Chrome是最好的浏览器。

9.可与谷歌Chrome媲美的浏览器是火狐，而火狐是最了不起的一个。Firebug是Firefox的扩展，可以调试所有网站语言，比如Html、Css等。但Firebug最吸引人的还是javascript调试功能，使用起来非常方便，可以在各种浏览器(即Firefox、Opera、Safari)中使用。除此之外，其他功能也非常强大，比如html、css、dom查看调试、网站整体分析等等。简而言之，它是一套完整而强大的WEB开发工具。

10.还有一些在线工具可以帮助处理一些前端问题。