Web front-end designers common Tools Collection _ Basics

The following is my collation and collection of some of the front-end development commonly used plug-ins, tools, software, etc., is equivalent to the computer to do a small backup, as to the use of methods, I will summarize, the current words or google it.

"Firefox plugin"

1. firefbug--Page Mode tool

2. yslow--Web Rating Tool

3. Pixel perfect--html and Design manuscript comparison

4. CSS usage--css Use efficiency optimization tool

5. Page speed--quickly optimizes web pages similar to YSlow

6. measureit--real-time measuring tools

7. fiddler--Local mode Style tool

8. DNS Flusher--dns Refresh Tool

9. colorzilla--Real Time color selection tool

Web developer--checking Web pages for information

firemobilesimulator--analog phone.

JavaScript dubugger--javascript Row Error

greasemonkey--Script Applet

Firecookie--cookie

"Chrome Plugin"

1. Awesome screenshot--webpage screenshot

2. user-agent switcher--Switch Display device

3. Web developer--Check Web pages for information

4. Window resizer--Change resolution

5. yslow--Web Rating Tool

6. Browser compatibility detection

"Front-End development of common Web site Tools"

Web Color Matching

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 Generator

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 button Builder

http://www.wordpressthemeshock.com/css-drop-shadow/

http://css3buttongenerator.com/

CSS Image Synthesizer

http://csssprites.com/

http://cn.spritegen.website-performance.org/

CSS code checking

http://csslint.net/

Ajax Loading Pictures

http://ajaxload.info/

http://preloaders.net/

CSS hack table

http://centricle.com/ref/css/filters/

Browser market

Http://tongji.baidu.com/data/browser

Test browser Support CSS3 situation

http://css3test.com/

http://kimblim.dk/css-tests/selectors/

http://selectivizr.com/

Http://www.findmebyip.com/litmus

Detecting the user Experience

http://gtmetrix.com/

CSS Template Builder

http://blog.html.it/layoutgala/

http://www.mycelly.com/

http://www.intensivstation.ch/en/templates/

CSS Compression

http://www.csscompressor.com/

CSS Common fonts

http://cssfontstack.com/

http://www.google.com/webfonts#

http://www.dafont.com/

CSS3 Transform

http://www.useragentman.com/IETransformsTranslator/

CSS3 Bezier Curve

http://cubic-bezier.com/

YUI CSS Grid Tools

http://developer.yahoo.com/yui/grids/builder/

Javascrip Code Optimization Landscaping

http://js.clicki.cc/

Code Demo

http://jsfiddle.net/

http://jsbin.com/

http://ikeepu.com/bar/20143449

http://codepad.org/

Prototype Graphic Design Tools

https://gomockingbird.com/mockingbird/#

http://www.jotform.com/

"Local and common software and IDE editors"

1. markman--designers, front-end engineers must

2. vim--Super fast Editor

3. Adobe PhotoShop cs6--Chettu Dedicated

4. IE tester--Check page compatibility

5. fiddler2--Detection Request

6. Comparison of Beyond commpar--documents

7. git--Distributed version Control

8. Opera Mobile emulator--Phone Browser

9. simpless--less

Master the most of these tools, congratulations, from a good front-end designers not far away ~ ~