常用工具：工具网站、工具软件

http://pan.baidu.com/disk/home 　　百度网盘

CDN：

http://www.bootcdn.cn/ 　　CDN服务

http://cdn.code.baidu.com/ 　　http://libs.baidu.com/jquery/2.0.0/jquery.min.js

 

常用工具网站：

http://isux.tencent.com/css3/tools.html 　　CSS3动画工具　　2015-11-9

http://share.baidu.com/code/advance 　　baidu分享--share　　2015-11-11

http://fts.aliyun.com/index.htm　　前端测试服务

http://tongji.baidu.com/data/browser 　　浏览器市场份额

https://dev.modern.ie/tools/staticscan　　兼容性检测　　2015-12-28

http://isux.tencent.com/ 　　腾讯ISUX

http://developer.baidu.com/platform/catalog/navigation-c/node/n301 　　百度开发者中心-开发支持　　2016-1-20

http://www.zhangxinxu.com/wordpress/ 　　张鑫旭

图标字体：

http://www.iconfont.cn/ 　　阿里巴巴矢量图标库 iconfont

http://fontawesome.io　　fontawesome图标　　http://www.bootcss.com/p/font-awesome/#icons-new 　　2015-10-27

http://fontello.com　　图标字体生成器 Fontello 

http://alloyteam.github.io/gopng/　　雪碧图生成工具

http://www.xrite.com/online-color-test-challenge　　色彩的视觉测试（我得了11分）　　2015-12-8

常用工具软件：

http://down.tech.sina.com.cn/content/36829.html 　　pache服务器套装 WampServer 2.5　　2015-10-23

http://www.cnblogs.com/caroar/archive/2012/04/20/2459342.html 　　Apache+php+mysql的安装与配置 win7下成功（未读）　　2015-10-23

http://www.cr173.com/soft/50048.html 　　Illustrator CS6 简体中文绿色（可用）　　2015-11-3

http://oldj.net/article/switchhosts/ 　　SwitchHosts，切换host的  下载 　　2015-11-18

SwitchHosts 这个好用。另外，如果本机host文件不显示，那么从外面建一个空文件，覆盖掉C:\Windows\System32\drivers\etc\hosts 也可以。

http://rj.baidu.com/soft/detail/15150.html 　　WinSCP（一个支持SFTP的  ftp软件）　　2015-11-18

http://rj.baidu.com/soft/detail/30195.html 　　Git 2.5.1　　2015-11-18

http://down.tech.sina.com.cn/content/29036.html　　Beyond Compare 4.1.2.20720（超级文件比较工具）　　2015-11-19

http://down.tech.sina.com.cn/content/29036.html　　Beyond Compare 简体版 3.3.12.18414。注意：　http://www.oyksoft.com/soft/4188.html　　（解压后把文本文件copy到安装目录）　　2015-11-19

http://hao.jobbole.com/css3ps/ 　　CSS3Ps：ps图层转CSS3代码之神器（待试用）　　2015-12-15

http://rj.baidu.com/soft/detail/15574.html　　Axure RP Pro7.0.0.3190    58.8M  　　2016-1-4　　（Axure RP是美国Axure Software Solution公司旗舰产品，是一个专业的快速原型设计工具，让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档）

http://www.guge.link/　　google　　2015-11-4

 

 

JQuery网站

http://www.w3school.com.cn/

http://www.w3cschool.cc/                  http://www.w3cschool.cc/bootstrap/

http://www.bootcss.com/　　bootstrap中文网

http://www.hcharts.cn/　　　Highcharts中文网

http://echarts.baidu.com/ 　　ECharts

 

http://www.jqmapi.com/　　  jquery mobile中文站

http://drupalchina.cn/    　　 drupal中国

http://www.ituring.com.cn/ 图灵社区(电子书)

http://learn.jquery.com/　　jquery学习中心（国外官网）

 

CSS

http://css.doyoe.com 　　CSS参考手册　　2014-9-4

 

BootStrap

http://stylebootstrap.info/ 能生成样式表!

http://www.bootcss.com/                    http://v3.bootcss.com bootStrap汉化的

http://www.bootcss.com/p/buttons/    按钮库

http://www.bootcss.com/p/bootstrap-wysiwyg/  极简富文本编辑器

 

http://cnbootstrap.com/

http://www.oschina.net/p/bootstrap/

http://twbs.github.io/bootstrap/components/

http://www.berlinix.com/web/Bootstrap.php 2014-04-02

http://iconfont.cn/repositories/10  　　阿里妈妈图标库 2014-5-8

 

 jQuery表格插件 DataTables

http://www.oschina.net/p/datatables/

http://www.oschina.net/project/tag/286/jquery-table     jquery开源插件

http://www.oschina.net/project/tags  开源软件分类导航 2014-5-2

http://www.oschina.net/p/thenjs       JavaScript异步回调 then.js  链式调用、async嵌套

Chrome应用

https://chrome.google.com/webstore/detail/yslow/ninejjcohidippngpapiilnmkgllmakh   YAHOO插件   [2014-5-8]

https://chrome.google.com/webstore/detail/user-agent-switcher-for-c/djflhoibgkdhkhhcedjiklpkjnoahfmg   useragent，改浏览器useragent的插件 [2014-5-8]

 

12款最佳的Bootstrap设计工具

25个可遇不可求的jQuery插件

 

 

 

 

 

 

工具

 

Sublime :

http://www.xiazaiba.com/html/5137.html  Sublime Text 2 中文版

http://www.xiazaiba.com/html/24344.html  Sublime Text 3　　2015-12-11　　　　　　http://devework.com/sublime-text-3.html　　　　

----- BEGIN LICENSE ----- 
Andrew Weber 
Single User License 
EA7E-855605 
813A03DD 5E4AD9E6 6C0EEB94 BC99798F 
942194A6 02396E98 E62C9979 4BB979FE 
91424C9D A45400BF F6747D88 2FB88078 
90F5CC94 1CDC92DC 8457107A F151657B 
1D22E383 A997F016 42397640 33F41CFC 
E1D0AE85 A0BBD039 0E9C8D55 E1B89D5D 
5CDB7036 E56DE1C0 EFCC0840 650CD3A6 
B98FC99C 8FAC73EE D2B95564 DF450523 
------ END LICENSE ------ 
<!-- 注意：----- BEGIN LICENSE ----- 和------ END LICENSE ------ 都要复制粘贴进去。-->

安装中文包：

菜单条，help左边那个，中文叫“首选项”，点击后第一项：浏览程序包。弹出下面路径的窗口：

C:\Users\lewis\AppData\Roaming\Sublime Text 3\Packages　　（不用管这个）

C:\Users\lewis\AppData\Roaming\Sublime Text 3\Installed Packages　　（然后进入此目录，把汉化包 Default.sublime-package  拷进来）

安装 Package Control：

C:\Users\lewis\AppData\Roaming\Sublime Text 3\Installed Packages　　（进入此目录，把 Package Control.sublime-package  拷进来，这个的下载来源是： http://www.imjeff.cn/blog/62/  ）

还要按 ctrl+`，输入下面代码：

import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())

 

 

Xshell 4

http://www.w3cfuns.com/tools.php 　　js工具

　　http://www.w3cfuns.com/tools.php?mod=booksize 　　屏幕尺寸参考手册

http://validator.w3.org　　W3C 校验器（检测我们的标记）　　2014-10-30

http://jigsaw.w3.org/css-validator/ 　　W3C 校验器（CSS校验）　　2014-10-30

 

http://yujiangshui.com/how-to-restore-the-design-draft-pixel-level/（原站无法访问，可以看这里 http://blog.csdn.net/bingqingsuimeng/article/details/44408369）　　如何还原像素级别的设计稿　　2015-12-31

http://alloyteam.github.io/AlloyDesigner/ 　　AlloyDesigner　　2015-12-31

http://alloyteam.github.io/　　这是腾讯的alloy team团队，里面有大量的前端开发规范之类的文档可供参考　　2015-12-31

http://data.qq.com/　　腾讯大数据（看一些报告还好）

http://download.csdn.net/detail/qijishjie32/9380398　　cocos2d-x API大全中文版2016　　2016-1-4