下面是我整理和收集的一些前端开发常用的 插件、工具、软件等不为别的,相当于给电脑做个小备份,至于使用方法,以后我会总结,目前的话还是自行google吧。
【FireFox插件】
- Firefbug —— 页面调式工具
- YSlow —— 网页评级工具
- pixel Perfect —— HTML与设计稿对比
- CSS Usage —— CSS使用效率优化工具
- Page Speed —— 快速优化网页类似于YSlow
- Measureit —— 实时测量工具
- Fiddler —— 本地调式页面样式利器
- DNS flusher —— DNS刷新工具
- Colorzilla —— 实时颜色选取工具
- Web Developer —— 检查网页的相关信息
- FireMobileSimulator —— 模拟手机
- JavaScript Dubugger —— JavaScript 排错
- Greasemonkey —— 脚本小程序
- Firecookie —— Cookie
【Chrome插件】
- Awesome Screenshot —— 网页截图
- user-Agent Switcher —— 切换显示设备
- web Developer —— 检查网页的相关信息
- Window Resizer —— 更改分辨率
- YSlow —— 网页评级工具
- 浏览器兼容性检测
【前端开发常用网址工具】
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编辑器】
- MarkMan —— 设计师,前端工程师必备
- VIM —— 超快的编辑器
- Adobe PhotoShop CS6 —— 切图专用
- IE Tester —— 检查页面兼容
- Fiddler2 —— 检测请求
- Beyond Commpar —— 文件比较
- GIT —— 分布式版本控制
- Opera Mobile Emulator —— 手机浏览器
- SimpLESS —— LESS
以上由本人整理,希望可以帮到有需要的人,也不都是前端,总结一下。
不定期更新一下,如果大家有比上面更好的推荐,请大家及时告诉我。