50 Super convenience tools provided by Web designers (I)

As a Web designer, it is not easy to consider not only design and architecture, but also all kinds of small details. The designer's work is surrounded by various problems, you need a set of super-convenient tools to help you solve various time-and energy-consuming problems. This article introduces 50 very powerful tools, and you will find that some of them will surprise you, this is the first part.

LaunchList

The work list before the site is released. 28 items need to be checked are preset and can be customized. Similar Tools: Ultimate Website Launch Checklist and The Ultimate Website Prelaunch Checklist.

Penpencil Project: Sketching and Prototyping with Firefox

An open-source GUI prototype design tool.

Zootool

A very beautiful bookmarks tool that organizes various materials, images, documents, links, videos, and other online materials you collect.

Bounce (recommended)

Enter a site address, which the program will send to the site. Then, you can add comments and share them with friends. It is very suitable for use with your customers to discuss the design of a site online.

Ninite Batch Installer

This site can pack a lot of free popular software (the best version) and install it on your machine at one time. It supports Windows 7, Vista and XP.

Support Details (highly recommended)

If you want your users to provide their/her browser environment, such as the Flash version, operating system, screen resolution, Cookie, and JavaScript status, you can ask him/her to access the site. The site can automatically detect the content and allow the user to send the report to you by email.

MugTug's Darkroom

An online image processing program that can adjust the contrast, white balance, exposure, saturation, and so on. It can upload images from Picasa and Flickr. Similar Products: Pixlr and Sumo Paint.

Visual Website Optimizer (highly recommended)

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

Keyonary

This simple online tool can help you list shortcuts for Mac OS X, Photoshop, and other tools.

Gridr buildrrr

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

Instant Blueprint-Create a web project framework in seconds.

You can instantly generate a Web project framework based on valid HTML/XHTML and CSS.

Hummingbird

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

JsFiddle

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

String: create a multi-language website or app

Help you create resource files for multilingual Web applications,

Titanpad

Multiple users can edit the same document at the same time, and other changes will be identified by different colors in real time. They can be multiple users in the same office or on the other side of the earth.

Pixelnovel Timeline: Version Control for Adobe Photoshop

This tool integrates the Subversion client through plug-ins to implement Version Control in Photoshop. Non-free tools.

0to255

Given a color, it will help you list the various color changes in this color from the light to the deep, and especially for Web optimization.

Load Impact: Website load/stress test

An online stress testing tool that simulates multiple users simultaneously accessing your site and issues reports to analyze the number of visitors your site can support.

Ideone: Online IDE & Debugging Tool

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

Online Dummy Image Generator

You can quickly generate an online virtual image for some tests.

HiFi RegExp Tool

Online Regular Expression tool.

Tableizer (recommended)

Copy and paste the content in your Excel Table to this site, which will help you generate an HTML Table ).

FollowUpThen: Easy Email Reminder

-If you want someone to remind you when to do something, you can send an email to an address such as 1day@followupthen.com, 1 day indicates one day later, so, one day later, you will receive their reminder email. 1 day can be changed to a person or another time interval.

Divine: Conversion tool from PSD to HTML

This tool is a Photoshop plugin that converts your PSD into a WordPress topic. (To be verified)

 

International Source: Smashing Magazine 50 Powerful Time-Savers For Web Designers)

Chinese translation Source:Ruishang enterprise CMSWebsite content management system official website