20 tools that make Web Developer's development career easier

Source: Internet
Author: User

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

Simple translation:PuterJam


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


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


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


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.


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


Firefox Plugin, which displays a ruler on the page


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


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.


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.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.