It is not easy being a web designer. Not only do we have to understand the design, fonts, information structure, the psychology of many other disciplines, but we must take care of so many details, which often makes our work time-consuming and too demanding, requires dozens of tools, a certain level of concentration, as well as the effective flow of work aimed to beautiful but also functional results done in the agreed time frame.
We are giving you the tools that will save you time. Whether it’s a to-do list, installing multiple programs at once, a converter from Excel into HTML – all of these can save you a few minutes each day. Whether you’re a fan of such lists or not this will surely help yo find the little things that will help you avoid headaches and stress. Below is a useful tool to save time for web designers.
Off topic: When you’re here, why not sign up to our newsletter, and receive useful things like these once a month. Enter your email in the ‘free email course on business on the web!’ On the right side!
Let’s get started, shall we?
This tool helps you review important items before they leave the site on the net. By default, the list contains 28 items that should be checked, but you can add some of your items on the list. Each item can be commented on or crossed out. When you are done, you can send the report to multiple email addresses. Some alternatives are Ultimate Website Launch Checklist and The Ultimate Website Prelaunch Checklist.
Pencil tool is an open code tool. It includes a built-in form of diagrams and prototypes directly editing the text with a very large selection of options as well as standard options for drawing. Work in Firefox 3.5 and newer versions.
Zootool is a site for storing content that you come across on the net such as images, documents, links, video clips, and similar. It allows you to add any content quickly and easily. Later, you can organize the content as you want in the admin section. You can integrate it with Tumblr, Twitter and many other accounts.
Bounce is a rather fun tool. Using it you can share ideas on the sites. You will be able to post a note, write a reminder while you’re on the site, and later see what you’ve written.
Ninite lets you select your favourite programs from a large list (browsers, chat programs, images, documents, security, compression and many others), and then creates a file that you can download. When you run it, it automatically installs everything you have chosen.
When in doubt, send your customers this tool. All their settings and versions of the program will be read and sent to you by email. It would be good to have your client’s version of Firefox, Flash version, operating system, browser status and resolution.
When you need to fix the image, and you have just a little time or your favourite Photoshop is for a certain reason unavailable at the time, you can use this tool. It is primarily optimized for photographers. You can adjust the lighting levels, the amount of white in the picture, exposure, contrast and saturation, as well as some effects. Finally, you can upload images to Picasa and Flick.
Visual Website Optimizer is, without doubt, the best software for testing your site that the human hand has ever made. Simple as that.
This site is a nice little application for finding shortcuts in Mac OS X, Photoshop and similar programs. There are currently over 250 added shortcuts for Photoshop. Just type in the name of the program for which you need a shortcut and you will get a huge list of shortcuts.
This generator allows you to select a network to schedule your website and test it online.
Instant Blueprint allows you to create HTML / XHTML and CSS frameworks in seconds, to make your project as soon as possible.
This small application provides insight into how many people are currently on your website and mention your site on social networks in real time. It is based on Node.js, which can hold a great visit, and many clients at the same time.
In short, String controls localization. It allows you to manage files containing translation – from PHP to Rails and iPhone apps. You can invite a friend to translate your content, and follow the changes. You may even add new sections and languages along the way, and then download them and build them into your app.
With this tool, you can edit documents simultaneously with other users, check who did what and ways they edited stuff in various colors. Editing is done in real time. This is a super solution for all working simultaneously on text documents, whether they are in the office next to yours or on the other side of the world.
PixelNovel Timeline: Version Control for Adobe Photoshop
This tool actually integrates Subversion clients in Adobe Photoshop with Adobe Photoshop Plugin. You can check out the version directly in Photoshop. It’s not a free of charge tool.
A simple tool that helps designers find the color variations. Simply choose the color that you want to do, and the tool will give you a variation of colors that are suitable for the site. Then just click on the hexadecimal code that is immediately copied to your clipboard.
The tool helps you discover the limits of your Web site before you learn it yourself the hard way. Service simulate users who come to your site and create graphics with reports on how many users your site can take.
This tool creates images for your site. All you have to do is set dimensions, background, text in the picture, the format and the picture is complete. You can also create standard dimensions for advertisements and banners.
HiFi RegExp Tool
Clients often give you information in the table and switching to HTML can be a problem. This tool creates HTML tables from Excel files. Simply copy the table, select options, and you get a nice sorted HTML file.
If you do not mind sending your e-mails to third parties, try this tool as a reminder email. On your next email just add in firstname.lastname@example.org and the tool will remind you when the period expires. You do not need an account.
Divine: Conversion tool from PSD to HTML
Divine is a supplement that works with Photoshop. When done in Photoshop, launch Divine addition to Photoshop, add WordPress roles of the main elements and the addition will prepare all the files that you need. When you set up FTP access to the server, the tool sets the files to the server. Totally free.
This tool allows you to make useful section of code that you can use to plan, organize and use the code in a much better way.
This application is a powerful online image editor. It’s options are organized into useful coating components which can be wherever you want them, just as with standard photo editing.
Unicode Code Converter
Grid System Generator
This tool offers a real network with valid CSS / XHTML code, for the rapid development of your application. The system of making grid allows you to specify the width, number of columns and margins in order for the grid to be more flexible.
This tool checks the availability of user names on social networks, domain names and brands.
Typograph – Scale & Rhythm
As the name alone says, the service lets you check your typography and whether it has a standard that should be implemented.
ColorBrewer is a tool that is designed to help people choose a good combination of colors for folders and other photos.
If you’ve ever done an email campaign, you know that if you have not prepared a CSS yourself, it could be ‘stripped down’ by the mail service and then it does not look exactly as you imagined. Mail Chimp is a service that converts your entire inline CSS to CSS, so your mails look beautiful. It is not necessary to open an account.
HTML Purifier is a library standard used in coding. It cleans your code from unnecessary, and creates your documents within the standard alone.
This service helps you learn more about HTML5 and CSS. Type in your HTML code and see what it looks like in real time. Then style it up in CSS. You can use any tag in HTML5 and CSS3 if your browser supports it.
This is an interesting tool for learning, writing and testing of regular expression.
Try Ruby! (In your browser)
This tool helps you try out Ruby code in the prompt. Supports Ruby-eve methods, and contains a step-by-step tutorial for all the newbies out there.
GoogleCL is a command line that provides access to all Google services. You can post it to Blogger, adding events in the calendar, or edit documents in Google Docs.
This is a simple tool that generates the code for the content of variable width.
This tool enables you to skip companies’ auto responses/answering machines and makes the whole process less frustrating. For owners of the company, audio shows all menus to your clients before you call. If your Internet isn’t working, we suggest calling another provider this way.
Producteev: Creating To-Do Lists with Emails
Forward all the important e-mails to email@example.com and the tool will create you a to-do list on the fly, inform you, and can even be integrated into various applications.
AddUse – User Research Made Easy
AddUse is a web-based tool that helps you create, edit, and present your research fast, easy and cheap. It is a tool that you can use at any time while developing an application. It displays the results of tests, surveys and questionnaires in a graphic environment, helping marketing and management groups to make the right decision.
Reservations for events, workshops, classes and courses. Free version features 150 and 300 events per booking a month.
Some other interesting facts…
see [Mike] code: tool for remote coding interview
This tool enables you to find programmers for your business, so by giving it something to code on the Web. You follow it in real time.
This tool allows you to write code directly into the browser, edit and modify any code, fix bugs, and similar.
This tool includes some older version of the application you are using. Why? Because despite what they claim – new is not always better.
Onbile helps you create a site for a mobile version for the iPhone, Android and Blackberry.
iSendr allows you to send files quickly and easily, without uploading them to the server.
Searching of documentation for WordPress.
This application allows you to find and fix the problem in your web site.
The Awesome Highlighter
Allows you to highlight a certain text on web pages and provides you with a small link to the highlighted part.
This page gives you insight into the applications that can open those files and extensions that you currently cannot.
Kuku Klok /Coco Clock/
This is an alarm for those who work too much and fall asleep in front of their monitors. Pick a time when you want to wake up and leave the window open. It’s better than 977.
You think you know the hexadecimal code? Check on this site how wrong you actually are. We’ll just indicate that you can adjust the bar guessing from 2 to 48 potentially correct answers.