Menu Search
Jump to the content X X
SmashingConf London Avatar

We use ad-blockers as well, you know. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. our upcoming SmashingConf London, dedicated to all things web performance.

50 Powerful Time-Savers For Web Designers

Being a web designer is not easy. Not only do we need to have a good understanding about visual design, typography, information architecture, psychology and a plethora of other disciplines; in our work, we need to take care of so many details, so that our job becomes more and more time-consuming, requiring dozens of tools, attention span and an effective workflow for beautiful, timely and functional results.

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. And this is why we keep collecting them for Smashing Magazine’s readers. 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. Below we present useful time-savers for web designers.

Also consider the following Smashing Magazine articles:

Time-Savers For Web Designers Link

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. Once you’re done, you can send the report along with project’s details to multiple recipients via email. Alternatives: Ultimate Website Launch Checklist6 and Paul Boag’s The Ultimate Website Prelaunch Checklist7.


Pencil Project: Sketching and Prototyping with Firefox9
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. Works in Firefox 3.5+.

Pencil Project: Sketching and Prototyping with Firefox10

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. Screenshot via MacStories12.


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.


Ninite Batch Installer16
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. Alternative: Allmyapps17 allows you to bundle your favourite applications, install them in a single click and reinstall them whenever you need to.


Support Details19
When in doubt, send your customers to this tool. Their data will be 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.


MugTug’s Darkroom
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. In addition, Darkroom allows to upload pictures from Picasa and Flickr. Alternatives: Pixlr21 and Sumo Paint22.


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

Visual Website Optimizer24

This site a nice little application for finding shortcuts in Mac OS X, Photoshop and so on. 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.


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

gridr buildrrr26

Instant Blueprint – Create a web project framework in seconds.27
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!

Instant Blueprint - Create a web project framework in seconds.28

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.


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 browser.


String: create a multi-language website or app33
Essentially, String is a version control for localization. This tool allows you to manage your language files – from PHP to PO to Rails to iPhone apps. You can invite users to translate your content, and keep track of changes. You can add new sections and languages as you go and then download your updated language files and place them in your app.

String: create a multi-language website or app34

This tool allows you to edit documents simultaneously with other users, highlighting each user’s edits in a different color. Editing is done in true real time. Nice solution for everybody who works collaboratively on text documents, whether in the same office or on the other side of the world.


Pixelnovel Timeline: Version Control for Adobe Photoshop
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. Not free.


A simple tool that helps web designers find variations of any color. Simply pick the color that you want to start with and 0to255 gives you a range of colors from black to white using an interval optimized for web design. Then, just click the variation you want to use and the hex code is automatically copied to your clipboard.


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.

Load Impact - Free web site load test39

Ideone: Online IDE & Debugging Tool40
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 Anywhere41 (online PHP editor) and CodeRun (allows you to develop, test and debug ASP.NET, PHP and Ajax applications online).

Online IDE and Debugging Tool42

Online Dummy Image Generator43
This online tool generates dummy images for you site: you can specify size, background and foreground colors, image format and add custom text. You can also use shortcuts for several standard dimensions including ad sizes (mediumrectangle, skyscarper, leaderboard etc.), screen resolution sizes and video standards (ntsc, pal, hd720, hd1080).

Typograph Scale & Rhythm44

HiFi RegExp Tool45
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.

HiFi RegExp Tool46

Clients often provide data in spreadsheet form, and reformatting it into HTML can be a real pain. This tool generates HTML tables out of spreadsheet data. Just copy and paste the cells from your spreadsheet, choose your options (font, font size and header color) and you have a properly formatted HTML table for your data.


FollowUpThen: Easy Email Reminder49
If you don’t mind sending your e-mails to a third-party, try this tool for easy email reminders. On your next email just include and the tool will follow up after the time interval you specify. No account is required.


Divine: Conversion tool from PSD to HTML51
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. Once you set FTP access, the tool uploads the theme automatically to your server. Absolutely free.

Convert PSD to WordPress with Divine. Convert Photoshop to WordPress theme52

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.


This application is a powerful online image editor. Its tools are organized in handy, draggable boxes that can be positioned very much as you would see in traditional image-editing applications.


Unicode code converter55
Type or paste text in any of the green or grey shaded boxes and click on the button Convert button above it. Alternative representations will appear in all the other boxes. You can then cut and paste the results into your document.

Unicode code converter56

Grid System Generator
This tool generates grid systems in valid css / xhtml for rapid prototyping, development and production environments. The grid system generators offer the ability to customize the width, no. of columns and margin(s) to allow more flexibility for various designs.

Grid System Generator namecheck57
The tool checks availability of social usernames, domain names and trademarks. namecheck58

Typograph – Scale & Rhythm59
A useful tool for testing typographic scale and rhythm. It lets you set factors such as the typographic scale (traditional, 3:5 Fibonacci, Le Corbusier, etc.), the font size in percentage, line height, the layout, padding and the line height for h1, h2 and h3 headings.

Typograph Scale & Rhythm60

ColorBrewer Intro – Selecting Good Color Schemes for Maps61
ColorBrewer is an online tool designed to help people select good color schemes for maps and other graphics.

ColorBrewer Intro - Selecting Good Color Schemes for Maps62

CSS Inliner Tool
If you’ve ever sent an email campaign, you know that if your CSS is not coded inline, it is likely to get stripped out by email clients, which can make your email design pretty funky looking. Writing CSS inline can be time consuming, and repetitive. MailChimp has a CSS inline conversion tool built right in that will automatically transform all of your local styles into inline styles. Designers have found it so useful, we thought we’d share it with everyone else – even if you don’t have a MailChimp account.

CSS Inliner Tool

HTML Purifier – Filter your HTML the standards-compliant way!63
HTML Purifier is a standards-compliant HTML filter library written in PHP. HTML Purifier removes malicious code (better known as XSS) and make sure your documents are standards compliant.

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

Rendera helps you learn HTML5 and CSS. Type in your HTML code and see it rendered in real-time. Then style it with CSS. You can use any of the HTML 5 or CSS3 tags your browser supports. The tool supports HAML and SASS, too.


An intuitive tool for learning, writing, and testing Regular Expressions.


try ruby! (in your browser)69
This tool allows you to try out Ruby code in the prompt command line online. It supports Ruby’s built-in methods, and contains a step-by-step tutorial for Ruby newbies.

try ruby! (in your browser)70

Google Command Line71
GoogleCL is a command-line utility that provides access to various Google services. It streamlines tasks such as posting to a Blogger blog, adding events to Calendar, or editing documents on Google Docs.

Google Command Line72

Tiny Fluid Grid73
Simple tool that generates code for fluid grid-based layouts.

Tiny Fluid Grid74

This online tool lets you skip the phone menus for hundreds of companies and makes it less frustrating to call large companies. For business owners, Fonolo allows your customers to actually see your phone menu options, before they call you.


Producteev: Creating To-Do Lists with Emails77
Forward your important emails to and the tool will create to-do lists on the fly and send you alerts when needed. It can be integrated in E-mails, IM, Web, iPhone, Gmail, Google Calendar etc.

Online Task Management - Producteev78

AddUse – User research made easy
AddUse is a web based tool that helps you create, manage and present your user research in a simple, easy to use and cost efficient way. It’s a tool to use at any given moment in your development process. It presents the results from your user tests, surveys and questionnaires in a graphical way, efficiently helping engineering, marketing and management groups make the right decisions.

AddUse - User research made easy

Online registration for events, workshops, classes and courses. The free version allows for 150 events with 300 bookings per month.


Further useful tools Link

see[Mike]code: tool for remote coding interview
This simple tool lets you conduct a short coding interview remotely: it creates a disposable page for the job candidate and allows you to discover people who struggle to code on big or small problems.

This tool allows you to write code your browser, fork and modify any code, fix bugs and add features and also ask the community about your problems.

JavaScript Error Tracking
The service tracks JavaScript errors that occur on your site and provides you with a stack trace to help you debug. Similar errors are grouped together.

Old Version82
Old Version has exactly that, the older version of some of your favorite programs. Why? Because newer is not always better. Sometimes the newer versions cause conflicts. This way, you can always go back to the older version that worked for you.

Onbile is a free platform for creating and managing your Mobile Website version for iPhone, Android and Blackberry users

Free Bookkeeping, Accounting, & Tax Services; Self Employment & Freelance Success84
Easily import from online accounts to put your bookkeeping on autopilot and prepare taxes. Get up-to-date reports that give you visibility into your P&L, income, and expenses.

iSendr lets you send files to your friends directly, without uploading to a server.

WordPress documentation search engine.

Speed Tracer is a tool to help you identify and fix performance problems in your web applications. It visualizes metrics that are taken from low level instrumentation points inside of the browser and analyzes them as your application runs. Speed Tracer is available as a Chrome extension and works on all platforms where extensions are currently supported (Windows and Linux).

the Awesome Highlighter
This tool lets you highlight text on web pages and then gives you a small link to the highlighted page.

This page provides detailed information about most file extension and links to free programs that can open and create each type of file.

Last Click Link

Kuku Klok88
Online alarm clock and wake-up call for those of us who often work too much and fall asleep in front of the screen. Open the website, select the desired alarm time and set your favorite wake-up call. Keep the browser tab open. Happily, this online alarm clock works even if your Internet connection goes down. The available sounds are “Classic Clock,” “Electronic,” “Slayer Guitar,” “Military Trumpet” and “Cockerel.”


What the Hex?90
Among the variety of methods of representing color values, some are easier to identify than others. The hexadecimal system, though, often looks incomprehensible. If you feel you know colors pretty well, then this is a simple game for you. All you have to do is match the hexadecimal code (which is actually a group of three hex numbers: #rrggbb) with the corresponding color. Of course, this is easier said than done, but you can adjust the difficulty by displaying between 2 and 48 possible answers.


Would you like to see more similar round-ups on Smashing Magazine? Link

Would you like to see more similar round-ups on SmashingMag?92Market Research93

You may be interested in the following related posts:

Footnotes Link

  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6
  7. 7
  8. 8
  9. 9
  10. 10
  11. 11
  12. 12
  13. 13
  14. 14
  15. 15
  16. 16
  17. 17
  18. 18
  19. 19
  20. 20
  21. 21
  22. 22
  23. 23
  24. 24
  25. 25
  26. 26
  27. 27
  28. 28
  29. 29
  30. 30
  31. 31
  32. 32
  33. 33
  34. 34
  35. 35
  36. 36
  37. 37
  38. 38
  39. 39
  40. 40
  41. 41
  42. 42
  43. 43
  44. 44
  45. 45
  46. 46
  47. 47
  48. 48
  49. 49
  50. 50
  51. 51
  52. 52
  53. 53
  54. 54
  55. 55
  56. 56
  57. 57
  58. 58
  59. 59
  60. 60
  61. 61
  62. 62
  63. 63
  64. 64
  65. 65
  66. 66
  67. 67
  68. 68
  69. 69
  70. 70
  71. 71
  72. 72
  73. 73
  74. 74
  75. 75
  76. 76
  77. 77
  78. 78
  79. 79
  80. 80
  81. 81
  82. 82
  83. 83
  84. 84
  85. 85
  86. 86
  87. 87
  88. 88
  89. 89
  90. 90
  91. 91
  92. 92
  93. 93
  94. 94
  95. 95
  96. 96
  97. 97
  98. 98

↑ Back to top Tweet itShare on Facebook

Vitaly Friedman loves beautiful content and doesn’t like to give in easily. Vitaly is writer, speaker, author and editor-in-chief of Smashing Magazine. He runs front-end/UX workshops, webinars and loves solving complex UX, front-end and performance problems in large companies. Get in touch.

  1. 1

    frederick Luna

    June 28, 2010 5:51 am

    AWSOME, sometimes i think that you are from mars .. .great post Vitaly.

  2. 2

    Very useful tools. tnx again gays !

  3. 3

    fantastic article, thanks.

  4. 5


    Absolutely great list!

    Wanted to suggest a tool I use myself.

    AllWebMenus – tool for creating JavaScript menus.


  5. 7

    One of my go to tools when writing regular expressions is . It’s fantastic and does multiline, auto matching. It quickly let’s me see an error or try different methods to find matching results.

  6. 8

    really nice

  7. 9

    Thanks !

  8. 10

    Zaid Pirwani

    June 28, 2010 6:14 am

    You guys…. are AWESOME…. thanks for the post….

  9. 11

    Justin Seidl

    June 28, 2010 6:17 am

    Very helpful and the Launchlist is one of my personal favorites!

  10. 12

    Ingo van Peeren

    June 28, 2010 6:21 am

    Thanks for the nice collection of tools!

    The Eitherpad link in the article seems outdated.

    • 13

      Vitaly Friedman

      June 28, 2010 6:32 am

      Thank you, the article was updated. I am sorry to have missed it.

  11. 14
  12. 16

    nico cornwall

    June 28, 2010 6:26 am

    Very interesting article, thanks for sharing it!!

  13. 17

    Steve Robinson

    June 28, 2010 6:26 am

    Wow. Some great tools here I’d never heard of. To throw another regex editor, I like Random passwords help me out all the time, too, and for that I use

    Thank you for putting this together. Excellent List.

  14. 18

    Nice List.
    Well done.

  15. 19

    Amazing! This will save me so much time, thanks!

  16. 20

    Holy jeez! This is almost too much at once. I’ll have to come back to fully digest and decide if I need any of these tools. Great job finding them all, though! Not many in here that I’ve discovered before.

  17. 21

    thanks Friedman

  18. 22

    This is a great collection of resources! I often find that with these round-ups Smashing tends to post a lot of things that I have no use for (which isn’t any of your faults, I know!!), but this one is spot on. Thank you guys!

  19. 23

    Chris Fernandez

    June 28, 2010 7:01 am

    What a great round-up.

    Will doubtlessly be referencing often for a long time to come.

  20. 24

    Russell Heimlich

    June 28, 2010 7:05 am

    Thanks for mentioning I hope others like it as much as I did creating it.

  21. 25

    Thank you for the website It allows you to bundle your favourite applications, install them in a single click and reinstall them whenever you need to

    I just use it

  22. 26


    June 28, 2010 7:16 am

    Wow, this is great. I know that personally this will help me in my web designing to get things done quicker and please the boss. Once again, thank you for all of your hard work in finding these tools and I look forward to your next blog.

  23. 27

    Great list of tools! We run and would love for it to be added to the list.


  24. 28

    WOW! It’s one of those busy Mondays, but I took time to go through majority of websites listed. My bookmarks sure expanded fast. Can’t believe all the stuff that exists out there.

  25. 29

    Love these lists. I bookmarked about half of them. Keep it up SM!

  26. 30

    nice tools!!!

  27. 31

    Thanks a lot for this, I found just the right tool I can use for converting PDS to WordPress theme in your list. Hopefully, it will save me a lost project. It looks like it is still in the beta version. A free edition with limited functions…..
    Perhaps there are others I can explore. Anyone got idea..?

  28. 32

    Always thanks for sharing useful info!

  29. 33

    Grammatical mistake right in the first sentence. It reads “Being web designer is not easy.”. It should read : “Being a web designer is not easy.”. The article ‘a’ is missing. I think you should take more care when typing at least the first sentence of the article!

    • 34

      who gives a shit. You understood what he was trying to say

    • 35

      Did you read the rest of the article or did the missing article ‘a’ force you to grind to a halt?

  30. 36

    Great list. And I would add
    It’s an easy to use simple alternative to the online dummy image generator.

  31. 37


    June 28, 2010 8:47 am

    Thanks this is definitely going to be bookmarked!

  32. 38

    great. thank you SO much for mailchimp!

  33. 39

    Awesome resource! Some of these I’ve never seen before! Thanks!

  34. 40

    Smashing Magazine is killa!

  35. 41

    Many of these are extremely useful and timely. Thanks, guys!

  36. 42

    Love the article!

  37. 43
  38. 44

    Wohoo! Great power list, thanks for sharing and posting such a valuable info.

  39. 45

    Great list, but you definitely should have included Great for trying out javascript stuff and easier than Firebug or Web Inspector for lower level stuff.

  40. 46

    Amazing list!
    Great job! :D

  41. 47

    Absolutely brilliant! Thx very much for this fantastic list. There are so much useful tools for me. Wow!

  42. 48

    Wish I knew about all these when we designed Would have same a ton of time! But thx Smashing Magazine for the great list!

  43. 49

    Paul Radich

    June 28, 2010 5:22 pm

    I normally don’t see to much I haven’t seen in these roundups but this one was fresh with at least 4 new one’s added to my bag of tricks. Thanks!

  44. 50

    Amanda Webster

    June 28, 2010 5:48 pm

    This roundup is great! Looking forward to giving some of these tools a shot.

    Keep ’em coming!


  45. 51

    Quality article! Absolutely love the scale and rhythm generator. Good work guys!

    A quick plug..

    Heres a online tool that one of my workmates developed awhile back. It was inspired by all those clients hes worked with recently. It’s nothing too fancy but seems to do a few basic things right. lol

    Quick summary
    – Allows text processing (text in/process/text out)
    – Web colours
    – Keypress -> HTML
    – Client Info (Handy for those times when you need the clients ip, etc)
    – DNS Lookup
    – HTTP Headers

    Keep those awesome articles coming SM! :)

  46. 52

    Fantastic article, thanks. Ctrl+D this one.

  47. 53

    Praveen Nair

    June 28, 2010 8:04 pm


    Excellent list. Thanks for sharing.

  48. 54

    Amazing list! I hav suggestion -plz open all the links in new browser.

  49. 55

    awesome collection really useful.. Apps.. I saw a site for all webapps with good reviews… may be useful

  50. 56

    Sonic Frequency

    June 28, 2010 10:25 pm

    Wow!!!! That is an AWESOME ROUNDUP!!!!!! THANKS!!!!!!!!!!!!!!!!!!!!!

  51. 57

    talking about timesavers … you have to mention launchy! my favorite

  52. 58

    Thanks a TON………..Very very detailed post and very very useful links. I am going to learn and use many things from this wonderful post.

  53. 59


    June 28, 2010 10:46 pm

    Thanks a ton!!!
    Great post…

  54. 60

    Very nice referrence for future use!

  55. 61


    June 28, 2010 11:31 pm

    Great article!

  56. 62

    Thanks for posting this interesting article. I’m constantly trying to find new ways of working more efficiently and saving time whilst working on projects. I really like the 0 to 255 link, very useful way of generating colors that fit together for a design.

  57. 63

    Wow this is such a great article. I’ve always wanted a list like this!

  58. 64

    Bruno Monteiro

    June 29, 2010 12:57 am

    Awesome Post! Many thx!

  59. 65

    Awesome article. Well, as always. -)

    In addition, may be someone will find my tool useful, it’s online XPath expression checker:

  60. 66

    Another time-saver for web designers would be

    It offers HTML special characters, hexadecimal color charts, placeholder text with markup, and code snippets all in one place.

  61. 67

    Thank you for http:/ a real life saver <3 It allows me to save my apps and make a bundle.

  62. 68

    Why thank you?! This is awesome!

  63. 69

    wow! super useful! thanks!

  64. 70

    Awesome. Thanks Smashing! Great links there.. very helpful !
    Loved ‘Ninite’, I was looking for something exactly like that.. Its really awesome, Thanks alot, mwaahhh xoxoxo :D

  65. 71

    Some nice tools here, thanks!

  66. 72

    Greate list, but you’ve missed some of the visual collaboration tools like where designers can discuss sketches, mockups, designes, etc. There’re couple more, but I don’t have the list by my hands.

  67. 73

    Honestly, all these tools are just looking fancy but nearly useless for an average web designer.

  68. 74

    What a great compilation, well done!

  69. 75

    One of the best posts on Smashing recently

  70. 76


    June 29, 2010 8:53 am

    very useful ! I like it

  71. 77

    Mayur M aka Neo

    June 29, 2010 9:06 am

    Great article… Very useful. Love it!!

    Thnks –

  72. 78

    Flemming Rasmussen

    June 29, 2010 9:23 am

    Maybe this could be usefull to some as well

  73. 79

    There is a lot of really good resources here. I will have to spend the rest of the day checking them out.

  74. 80

    Another great list. Thank you!

  75. 81

    some great tools, thanks for the share :)

    a couple of time savers for me is and the adobe air app domenow:

  76. 82

    Some real crap here…

  77. 83

    Jason Robinson

    June 29, 2010 2:17 pm

    Great article! I also find spiderpic a useful tool ( for searching stock photos with their lightbox that i can save a bunch of photos from a few stock sites together, and also balsamiq ( for quick mock-ups.

  78. 84

    I’ve been using to create new web template designs very quickly. It lets me get a complete, working template off the ground in a few minutes, instead of a few hours or days. I have a lot of web design clients, and it makes it easy for me to manage template features across all the sites.

    For example, I’m planning to upgrade all my WordPress clients so they can use the new menus in WordPress 3.0. Instead of hacking each site individually, I’m editing a single export file and switching all the clients over to the new export. It’s a brilliant time saver.

  79. 85

    Renaldo Creative

    June 29, 2010 7:34 pm

    This is a amazing post, thanks for writing this.

    Renaldo Creative

  80. 86

    Saifur Rehman

    June 29, 2010 8:31 pm

    Achcha hai!

  81. 87

    Thank you … really very useful

  82. 88

    Fantastic list. Thanks.

    +1 Andreas for mentioning Launchy.

    Another nice file launcher is RecentX –

  83. 89


    You guys are great!


  84. 90

    Thanks for featuring my site Instantblueprint much appreciated :D

  85. 91

    Awesome article with some nice resources.

  86. 92

    Griddr Blddr (sp? lol) looks exactly like Gridinator but shittier.

  87. 93

    amazing compilation! :)
    Divine conversion tool is cool, but it’s for windows only.

  88. 94

    It is very nice and Usefull, I really love to read this kind of posts.

  89. 95

    Great article, and some awesome tools – wish I’d heard of them sooner. Quick comment on the iSendr recommendation: I prefer FilesDIRECT: inbrowser file upload and download, any file type, SSL encryption and a 30-day free trial. (

  90. 96

    This is fantastic. Will use many of these!

  91. 97


    June 30, 2010 4:14 pm

    Fantastic Post. Awesome job guys.

  92. 98

    Andika Kusuma

    June 30, 2010 8:31 pm

    Great list, and really useful… :D

  93. 99

    Betty Rudas

    June 30, 2010 8:33 pm

    It’s amazing and superb!!!! Congratulations. I love this kind of review

  94. 100


    I have bookmarked few of them on the browser bar.
    I found Tableizer very handy. I get lot of data in spreadsheet format and to code it in HTML is a very big pain.

  95. 101

    The good thing about this list is that the tools here are really very practical for our day-today use.
    I shared some stuff I found here with friends & colleagues and they found them very helpful.
    Thanks for this post!

  96. 102

    @ Marcin txtden is cool, all at one place. love it

  97. 103

    Jogos Gratis

    July 1, 2010 4:12 am

    Load Impact is an amazing tool to stress test. I’ve heard so many times people complaining that their website went down after it was found in Digg or Stumbleupon.
    They even offer a free trial to make sure you can test it before you purchase it.

  98. 104

    Nice article with lots of information.. keep continue posting like these useful stuff!!!!

  99. 105

    Great list – much appreciated

  100. 106

    John Romant

    July 1, 2010 5:47 pm

    Great Stuff. Thanks for laying it out like this. You saved us time by organizing the time savers.

  101. 107

    This is an awesome list. Really very helpful.


  102. 108

    This one goes as one of the best articles on Smashing. Thank you very much guys :) :)

  103. 109

    Very useful list …. Thank you Vitaly :) ….

  104. 110

    I love it. THANK YOU Vitaly. So excited I blogged about it.

  105. 111

    My friend sent me this as a link and I think its very good, including the link in the comment to solve svn conflicts.

  106. 112


    July 4, 2010 9:13 pm

    I have created my website.. and its great help to build the web
    This article is where helpfull

  107. 113

    Thanks again SM.
    Ive fell inlove with ZooTool , its so easy to use. Really helpful when I need some buckets inspirations.

  108. 114

    Sweet. jejeje.

  109. 115

    Lots of cool things, cheers. Definitely worth the time reading through

  110. 116

    More to bookmark. Thanks for the list.

  111. 117

    Dan Stramer

    July 6, 2010 6:44 am

    Great article Vitaly, Thanks!
    I am looking for an organizer tool in which I’ll have all my clients websites listed with all the tech details:
    Does anybody know a software/ service which does that?


  112. 118

    Jason Debiak

    July 6, 2010 9:08 pm

    Great round up of resources!

    One that should totally be added to the list is – we use the heck out of this, it makes the wire framing process incredibly easy.

  113. 119

    I’m surprised you left out Adobe Kuler and it’s definitely one of the best tools out there for color choices and what not.
    Very nice list and most of which I didn’t know about.

  114. 120

    Great list, thanks

  115. 121

    Seriously, a wonderful list. Thanks a lot, made my life a lot easier. Am just beginning with web designing.

  116. 122

    Pete Meyers

    July 8, 2010 4:46 am

    For us, the very cool-looking collaboration service Idonext already saved dozens of man hours. It’s a website + iPhone app to coordinate your team via task and event sharing. You can also share files, use a Yammer-alike feature etc., but we are mostly using the task sharing feature. Idonext is also useful if you use just for yourselve, but in at team it’s really a big time-saver.

    Look here

  117. 123

    Don’t forget to see what Google “sees” on any site you’re developing:

  118. 124

    Thijs Van Damme

    July 9, 2010 5:26 am

    Very useful post, thanks so much. Hope to see more like these

  119. 125

    Does anyone else find the length of this post ironic?

    • 126

      Joking aside, this is a great list of tools. I like the regex tools you linked to.

  120. 127

    Really great list! Plenty of useful tools you got there.

    By the way: is my in-browser regex app! What do you guys think about it?

  121. 128

    @Jason Debiak

    mockingbird its awesome, thanks for tip!

  122. 129


    July 21, 2010 1:36 pm

    outstanding article!
    Luar Biasa! < indonesian

  123. 130

    Thanks for bringing things together, smashing magazine is a great site for keeping up-to-date. There is so much stuff on the web and everyone promising to make life easer, how much do we have to learn?

  124. 131

    Super Cool Post, I loved it. All the tools were nice, but I found Support Details great, it is going to solve a lot of problems I have during my web projects with my clients in browser issues etc.
    Sketchpad is also awesome. Thanks a lot.

  125. 132

    …. a great list of powerful time savers for web designers or anyone else who feels the need for them !!

  126. 133

    Very helpful, especially the online alarm clock, I needed it very much. thanks.

  127. 134

    50 Powerful Time-Savers For Web Designers

  128. 135

    Very useful, i like the alarm clock.


  129. 136

    useful resource.

  130. 137

    Some really great tools in here, thanks!

  131. 138

    These are some great tools. Thanks for sharing! Seems I have a lot to look into ;)

  132. 139

    great list and very helpful.

    i like htmlinstant for doing quick html coding on the fly

  133. 140

    Very nice article. The whole site is pretty nice.

  134. 141

    Hats off to u guys…!

  135. 142

    Here is another tool to see always what’s hot on You Tube on different categories:

    Helpfull to study viewing trends on communication, and understand how many rubbish sees the people!

  136. 143

    These are some great tools. Thanks for sharing! Seems I have a lot to look into ;)

  137. 144

    Indigo Adagio

    March 4, 2011 8:57 pm

    Thanks for the awesome list of resources!

  138. 145

    MockupTiger is a good html5 wireframe, you can host it on your domain, desktop, switch between hand drawn look, change fonts and prototype dashboard mockups with data

  139. 146

    John Paul Handrigan

    September 27, 2011 5:09 pm

    This is a great list for any web designer! I find gridr buildrrr extremely useful!

  140. 147

    What a great list! I’ve found visual website optimizer to be a real time saver and it’s extremely easy to use.

    There’s also which can help save time when it comes to collecting customer reviews and you can integrate your testimonials directly into your own website. There’s currently a free 30 day trial, but if you only want to collect 5 or less testimonials per month the Lite package is completely free and is well worth a look.

  141. 148

    Excellent list of tools. I highly recommend especially for SMBs. Thanks!

    • 149

      Interesting post and thanks for sharing. Some things in here I have not thought about before.Thanks for making such a cool post which is really very well written.will be referring a lot of friends about this.Keep blogging.

  142. 150

    Time management is key in the online industry. Especially when there’s so much information overload, and platforms that can easily distract you from your main goal.

    This is a great comprehensive list of tools for web designers! Speaking of information overload, 50 is a long list! If you had to chose 3 out of this list that you couldn’t live without, which would you choose?

    I appreciate your response :)

  143. 151

    I do prefer Mailchimp for marketing e-mail’s. Yup! Thanks for listing one such tools that ease the work of many business persons. Nice share.

  144. 152

    Another handy tool to speed up the design process, is purchasing a decent template (the client never knows). With sites like within 5 minutes you’ve got a professional looking responsive template with all sorts of features.


↑ Back to top