涨姿势：前端开发工具合集

Posted 2021-04-08 拼图前端框架

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了涨姿势：前端开发工具合集相关的知识，希望对你有一定的参考价值。

点击标题下「蓝色微信名」可快速关注，涨知识，好工作等你来！

收集整理了一些前端网址与工具，希望对喜欢拼图的小伙伴有帮助，手机阅读不方便可以先收藏到微信然后再通过PC微信打开收藏到浏览器。

常用软件及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

前端开发常用网址工具

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