Several auxiliary tools for front-end development

To improve web performance, you need to compress the script with a style file, that is, reduce the file size, remove unnecessary spaces, and confuse the variables in the script.Yui CompressorIt is a recommended compression tool with a compression ratio of about 50%. For details, refer to the Yahoo Developer Network.

During CSS Sprites style development, you often need to calculate the images created in Photoshop, Which is troublesome. In this case, you can useCSS Sprites style Generation ToolQuickly calculate the location of each small image. For more information, see www.css forest.org/blog. The content of CSS Sprites is described in detail in the following sections.

Color is essential for the web. What should I do if I encounter a color that you like but don't know its value? In addition to using Photoshop for color extraction, you can also useColor extraction software (pickcolor). In addition to color, color is also a hassle. If there is no good color scheme, Adobe Kuler can provide you with many schemes and import the perfect color scheme into Photoshop for use.