【前端开发常用网址工具】
web色彩搭配
http://www.peise.net/tools/web/
http://www.peise.net/tools/lilun/lilunxuexi.html
http://www.colorschemer.com/online.html
http://www.workwithcolor.com/hsl-color-picker-01.htm
CSS3 生成器
http://www.css3maker.com/
http://www.flickyard.in/autocss3/
http://www.colorzilla.com/gradient-editor/
http://css3pie.com/
http://www.css3.me/
http://ie.microsoft.com/testdrive/Graphics/CSSGradientBackgroundMaker/
CSS3 按钮生成器
http://www.wordpressthemeshock.com/css-drop-shadow/
http://css3buttongenerator.com/
CSS 图片合成器
http://csssprites.com/
http://cn.spritegen.website-performance.org/
CSS代码检查
http://csslint.net/
ajax loading图片
http://ajaxload.info/
http://preloaders.net/
CSS hack表
http://centricle.com/ref/css/filters/
浏览器市场
http://tongji.baidu.com/data/browser
测试浏览器支持CSS3情况
http://css3test.com/
http://kimblim.dk/css-tests/selectors/
http://selectivizr.com/
http://www.findmebyip.com/litmus
检测用户体验
http://gtmetrix.com/
CSS模板生成器
http://blog.html.it/layoutgala/
http://www.mycelly.com/
http://www.intensivstation.ch/en/templates/
CSS压缩
http://www.csscompressor.com/
CSS常用字体
http://cssfontstack.com/
http://www.google.com/webfonts#
http://www.dafont.com/
CSS3 Transform
http://www.useragentman.com/IETransformsTranslator/
CSS3 贝塞尔曲线
http://cubic-bezier.com/#.47,.73,1,.41
YUI CSS grid工具
http://developer.yahoo.com/yui/grids/builder/
JavaScrip代码优化美化
http://js.clicki.cc/
代码演示
http://jsfiddle.net/
http://jsbin.com/#html,live
http://ikeepu.com/bar/20143449
http://codepad.org/
原型图设计工具
https://gomockingbird.com/mockingbird/#
http://www.jotform.com/
【本地及常用软件及IDE编辑器】
1. MarkMan —— 设计师,前端工程师必备
2. VIM —— 超快的编辑器
3. Adobe PhotoShop CS6 —— 切图专用
4. IE Tester —— 检查页面兼容
5. Fiddler2 —— 检测请求
6. Beyond Commpar —— 文件比较
7. GIT —— 分布式版本控制
8. Opera Mobile Emulator —— 手机浏览器
9. SimpLESS —— LESS