20 tools that make Web Developer's development career easier

Source Text:Http://net.tutsplus.com/articles/web-roundups/20-tools-to-make-the-life-of-a-web-developer-easier/

Simple translation:PuterJam

Typetester

A tool for online font comparison, You can intuitively see the differences between different fonts

PForm

A tool for creating HTML forms allows you to instantly create beautiful forms and output html code.

ColourLovers

With online color palette tools, you can find many color schemes or submit your color schemes.

Firebug

The omnipotent firebug is not introduced much.

HTML Entity Character Lookup

HTML Object Query Tool

960 Grid System

960 is a magic number, 960 is a horizontal size, 960 grid system is an auxiliary system that allows designers to quickly create web page prototypes. It can be compared to the Golden line of a webpage.

Em Calculator

EM calculator ~ You can convert pixels into em units.

Browser Shots

The multi-browser screenshot tool provides the page screenshot effects of different browsers on multiple platforms.

Icon Finder

Are you still worried about looking for icons? It's a good image search tool.

WhatTheFont

When you see a nice text in your image without knowing the font name, you can use it to analyze the font type.

MeasureIt

Firefox Plugin, which displays a ruler on the page

ColorZilla

It is also a firefox plug-in, which can be colored on the page. It is essential for front-end development.

Pingdom

An online packet capture tool

Test Everything

Test Everything provides many Test tools to Test your site. From css html to seo, from Network Tools to optimization.

CSS Sprite Generator

Style genie. There are many such tools, that is, splitting images and outputting them into css

Web Developer Toolbar

It is also a very powerful web development tool.

Domainr

The domain name query tool queries the usage of domain names and provides suggestions for unregistered domain names. (Wall flip required)

Font Burner

The font query tool provides an online font solution. Only in English.

Smush. It

Image optimization tool to optimize your image size

Load Impact

Users in different regions can access your site. And report the results in the form of charts.