50 handy web design tools

As a Web designer is harder to eat than feces, not only to consider the design and architecture, but also pay attention to all kinds of small details, but also to carry the bricks photographed by all parties, in short, the designer's work often Surrounded by a variety of issues, you need a super convenient tool to help you solve a variety of time and energy problems. This article describes 50 very powerful tools, and you will find that some of them will make you feel fine.

LaunchList

Site before the release of the work list, the default 28 need to check the matter, can also be customized. Similar Tools: Ultimate Website Launch Checklist and The Ultimate Website Prelaunch Checklist.

Pencil Project: Sketching and Prototyping with Firefox

An open source GUI prototyping tool.

Zootool

A very beautiful bookmarking tool, you can collect a variety of material, pictures, documents, links, videos, etc. online together.

Bounce (recommended)

Enter a site address, which will take a screenshot of the site, then you can comment, comment, and share with your friends. Ideal for discussions with your customers about the design of a site online.

Ninite Batch Installer

This site packs a lot of free popular software (the best version), installs to your machine once, supports Windows7, Vista and XP.

Support Details (Highly Recommended)

If you want your users to provide his / her browser environment, such as Flash version, operating system, screen resolution, cookies, JavaScript status, etc., you can let him / her visit this site, this site or automatically The content is detected and allows users to email the report to you onsite.

MugTug's Darkroom

An online photo processing program that can adjust contrast, white balance, exposure, saturation, etc., to upload pictures from Picasa and Flickr, and similar products: Pixlr and Sumo Paint.

Visual Website Optimizer (highly recommended)

Visual Website Optimizer is definitely the best A / B testing tool you can ever see.

Keyonary

This simple online tool will help you to list shortcuts for Mac OS X, Photoshop, and more.

gridr buildrrr

An online grid design tool, select the grid layout you want to use to help you preview and generate CSS code.

Instant Blueprint - Create a web project framework in seconds.

Help you instantly generate a Web project framework, based on legal HTML / XHTML and CSS.

Hummingbird

A real-time (real-time, refresh 20 times per second) site traffic analysis tool based on Node.js.

jsFiddle

Online Web Editor with JavaScript, MooTools, jQuery, Prototype, YUI, Glow, Dojo, HTML and CSS.

String: create a multi-language website or app

Help you create multi-language Web application resource files,

Titanpad

Multiple people can edit the same document at the same time. Other changes can be marked in different colors in real time. They can be multiple users in the same office or multiple users on the other side of the earth.

Pixelnovel Timeline: Version Control for Adobe Photoshop

The tool integrates Subversion clients through plug-ins and enables version control in Photoshop. Non-free tools.

0to255

Give a color, will help you list this color from light to dark in a variety of color changes, and made specifically for the Web optimization.

Load Impact: Website load / stress test

An online stress testing tool that simulates multi-user access to your site simultaneously and issues reports to analyze the number of visitors your site can support.

Ideone: Online IDE & Debugging Tool

An online IDE and debugging tool for up to 40 languages ​​including C ++, Java, JavaScript, Perl, PHP, Python and Ruby, and similar products: PHP Anywhere and CodeRun.

Online Dummy Image Generator

Quickly help you generate an online virtual image so you can do some testing.

HiFi RegExp Tool

Online regex tool.

Tableizer (recommended)

Copy and paste the contents of your Excel spreadsheet to this site, which will help you to generate HTML tables.

FollowUpThen: Easy Email Reminder

- If you want someone to remind you when something is going to happen, you can send an email to an address such as 1day@followupthen.com, one day later, and one day later, you will receive their reminder email, 1day can be changed to people and other time intervals.

Divine: Conversion tool from PSD to HTML

This tool is a Photoshop plugin that can convert your PSD to WordPress themes.

Kaleido

Create a visual logo for your code. From MIT.

Sketchpad

A powerful online image editor. It is commendable that this is based on HTML5.

Unicode code converter

Although the interface is somewhat messy, this tool converts a paragraph of text into various forms of encoding.

Grid System Generator

Another grid design generator.

ud.com namecheck (highly recommended)

This seemingly simple tool that can help you check whether a name can also register domain names, trademarks, social media has been the entrance to the network.

Typograph - Scale & Rhythm

This tool helps you instantly preview various web typography effects and generate code.

ColorBrewer Intro - Selecting Good Color Schemes for Maps

Color matching tools for maps.

CSS Inliner Tool (recommended)

Convert standalone CSS definitions to Inline CSS. If you use e-mail marketing, you will find this tool is very useful, because the mail client will often filter your separate CSS code, and Inline CSS will not be filtered.

HTML Purifier - Filter your HTML the standards-compliant way!

This PHP-designed tool lets you filter your HTML code, remove the malicious code, and purify the code according to the W3C standard.

Rendera

Write HTML5 and CSS code online and see the results live.

RegExr

Another place to learn, experiment and test regex forms online.

try ruby! (in your browser)

Ruby online experience.

Google Command Line

Use the command prompt to access some of Google's products and services.

Tiny Fluid Grid

Another grid design tool, very small.

Fonolo.com

This is a very chic site to get you up and running quickly for free tech phones from big companies, but for the present only available in the United States and Canada.

Producteev: Creating To-Do Lists with Emails (Recommended)

Send important work schedules to task@producteev.com and they'll help you generate a task list to schedule your schedule.

AddUse - User research made easy

An online user testing or survey management tool.

bookwhen (recommended)

Help your users book your shows, classes and other services online, the free edition supports 150 projects and 300 reservations per month.

Source: http://bjnahan.net/50-web-design-tools-to-facilitate/