35 Powerful and Useful Time-Savers for web Designers

June 24, 2013 · 3 comments

by Dustin Betonio


If you are a web designer who considers time as a essential factor of your productivity, then you will tend to find Free, or Paid online tools that will improve your workflow and increase your productivity without wasting so much time on it.  And this is where small time-savers become handy. Be it a handy checklist, batch installer, dummy image generator or converter from Excel spreadsheet to HTML — all these things can save us a couple of minutes every day, making our work easier and more efficient. Whether you like lists or not: this one will probably help you find those little nuggets out there that will help you avoid headaches and stress.

In this post, you’ll find a collection of cool websites and handy tools that will help you boost your work. I do hope that this collection will give you an inspiration and we do hope that you will try some tools listed here. Building a professional website can be quite challenging, but if you use a WordPress theme for business website it will often make things easier for you. Enjoy!



1. Ninite Batch Installer


Ninite lets you pick your favorite software from among an extensive list (Web browsers, messaging, media, images, documents, security, runtimes, file sharing, utilities, compression, developer tools and more), creates a batch installer for them and then installs them for you automatically.

2. Refynr


Refynr is a web-based Social Network client that filters your Twitter & Facebook feeds by keywords that you choose, and saves the “Refyned” feeds for you to read later.

3. LaunchList


This tool helps you review important items before the big launch. By default, the tool provides 28 items to be checked, but it also allows you to add custom items to the list. Each item can be commented on or crossed out

4. Pencil Project: Sketching and Prototyping with Firefox

pencil project

Pencil is an open source GUI prototyping tool. It contains built-in stencils for diagrams and prototyping, on-screen text editing with rich text support as well as standard drawing operations.

5. Doomi


Simple to do list application, designed to stay out of your way, easy to use and looks pretty.

6. Zootool


Zootool is a bookmarking website and tool for collecting images, documents, links and videos from anywhere on the Web. A bookmarklet allows you to collect items quickly and easily. You can then tag and organize your saved items in Zootool’s back end. You can also integrate Zootool with Tumblr, Twitter, Delicious and FriendFeed to share what you find.

You can find nice Tumblr themes in these articles: Custom Tumblr Themes, Cool Tumblr Themes  and this article on rel=”nofollow” http://splashmagazine.com about best Tumblr themes.

7. Bounce


A fun and easy way to share ideas on a website. The tool allows you to make notes, write feedback in an overlay of every site and then share your notes with friends.

8. Magazinify


Magazinify seamlessly organizes all the articles you wish to read into beautiful text, order, removing all the annoying ads and popups, converts it to pdf format and mails you the magazine at the end of the day.

9. Support Details

support details

Their data will automatically read out of the browser (including Flash version, operating system, cookies, JavaScript status, screen resolution, browser size and more) and can be copied, sent directly to you via email or saved.

10. Grad Color

grad color

Easy online tool for generating CSS3 Gradient colors.

11. MugTug’s Darkroom

mug tugs

When you need to modify a picture but don’t have your favorite software on hand, you can use the all-in-one image processor MugTug’s Darkroom which was created for photographers. You are able to adjust levels, white balance, exposure, contrast and saturation and apply a few photographic effects.

12. Brickify


Brickify is a web application that turns images into LEGO building plans. It uses HTML5 Canvas to load the users image and process the pixels in the image into bricks.

13. Alertful


Here is a free reminder service and simple tool to let you remind everything from your kid’s birthday to your holiday reminder.

14. Visual Website Optimizer


Visual Website Optimizer is undoubtedly the best A/B, split and multivariate testing software ever created by mankind.

15. Snippshot


Create and save code snippets in the cloud with this neat and minimal snippet tool. Write as many snippets you want, search your saved snippets, rename them or you can also delete forever your snippets.

16. Keyonary


Currently, more than 250 Photoshop shortcuts have been added. Simply type the name of application in the search box, and it spits out a long shortcut list.

17. Font Comparer

font comparer

Easily decide which fonts you want for your website with this tool. You can simply type your desired text and FontComparer will do the rest. It displays web fonts from Google and Typekit.

18. gridr buildrrr


This generators allows you to choose the grid for your layout and preview it online.

19. WhatFontis


Find mystery fonts as easy as 1,2,3.

20. Theme Finder

theme finder

Find WordPress themes visually.

21. Pricing Table Generator

pricing table

Generates pricing table with this online free service tool.

22. Open Heat Map

open heat map

A service designed to make it easy to create maps communicating information. It transforms data from a traditional data source such as a spreadsheet into an interactive animated view of a particular area. You can then share that map online, a bit like YouTube for geographic visualizations.

23. Hummingbird


Hummingbird lets you see how visitors are interacting with your website in real time. Hummingbird is built on top of Node.js, a new javascript web toolkit that can handle large amounts of traffic and many concurrent users.

24. Pixelnovel Timeline: Version Control for Adobe Photoshop

pixel control

This tool basically integrates a Subversion client in Adobe Photoshop with an Adobe Photoshop plug-in. You can preview versions right in Photoshop and manage version control directly from Photoshop.Although not free.

25. Load Impact: Website load/stress test


The tool lets you find out the performance limits of your website before you learn the hard way. It is an online service that simulates users accessing your site and creates test report graphs to find out how many users your site could handle.

26. Icotrip


Icotrip is the best way to go. Every day, you will discover a new (ico)trip experience! No conventional icon though.

27. BigImg


With BigImg, it helps you properly and easily resize and compress your images.

28. Wylio


This online tool will let you quickly search through millions of free images, and it also lets you generate the code so you can insert those images into your website or blog posts.

29. foxGuide

fox guide

foxGuide is a firefox extension that displays horizontal and vertical photoshop-liked guides. Guides will appear as thin lines that float over the webpage.

30. Kaleido


This tool allows you to create meaningful visuals for code and can be used to plan, organize and navigate code in a more intuitive way.

31. Divine: Conversion tool from PSD to HTML


Divine is a plug-in that sits on top of Photoshop. Once you’ve finished designing in Photoshop, launch Divine plug-in in Photoshop, assign WordPress roles to the main elements (e.g. #footer, #header, etc.), and then the plug-in will prepare all the files you need

32. HiFi RegExp Tool


Regular expressions can be a pain. The HiFi RegExp tool is 100% JavaScript using jQuery. This tool was created to help developers learn, practice, and compose regular expressions.

33. Ideone: Online IDE & Debugging Tool


This tool is an online compiler and debugging tool which allows to compile and run code online in more than 40 programming languages, among them C++, Java, JavaScript, Perl, PHP, Python and Ruby. Nice alternatives online: PHP Anywhere(online PHP editor) and CodeRun (allows you to develop, test and debug ASP.NET, PHP and Ajax applications online)

34. jsFiddle


Online Editor for the Web, with support of JavaScript, MooTools, jQuery, Prototype, YUI, Glow and Dojo, HTML and CSS. The tool lets you save and run your applications within the web browse.

35. Instant Blueprint

instant blueprint

Instant Blueprint allows you to quickly create a web project framework with valid HTML/XHTML and CSS in only a matter of seconds, allowing you to get your project up and running faster!

Want to keep surfing? Well do you have a Facebook page? With one of the good looking Facebook Skins your social profile and presence will improve. Have a look! And don’t miss these best wordpress themes if you’re looking for a great theme for your website.

Author : Dustin Betonio

Dustin Betonio is a Translation Management graduate at University of Mindanao. His earlier career was devoted on customer service outside the information highway. Currently studying Law in the same University.

{ 1 comment… read it below or add one }

Rizwan August 13, 2012 at 4:48 am

I use doomi and a couple of other apps from this list. Not sure I will end up using all, but a very handy list indeed.


Leave a Reply

Your email address will not be published. Required fields are marked *

{ 2 trackbacks }

Previous post:

Next post:

Web Analytics