December 6, 2008

All, Design, Productivity, Web Development

30 Free and Useful Web-Based Tools For Designers

Article written by Jeeremie

Here’s a list of 30 web-based tools I currently or often use as a web designer to speed up the design process or to collaborate with my clients.

Browser Shots


Browsershots makes screenshots of your web design in different browsers and in different OS platforms. But be patient! It can take a few hours to complete.
Visit site »

Google Analytics


Apart from giving you detailed statistics about your visitors, Google Analytics has a Website Optimizer that helps you find out which page designs, headlines, and graphics convert the most visitors.
Visit site »

ClickTale


ClickTale reveals what visitors are doing inside your webpage (mouse gestures and clicks). Also scrolling heatmaps show where visitors look and how far down they scroll.
Visit site »

CrazyEgg


Lets you visualize where your visitors click on your webpage.
Visit site »

Conceptshare – Online collaboration Tool


ConceptShare allows you to setup secure online workspaces for sharing designs, documents and video and invite others to review, comment and give contextual feedback anytime and anywhere without a meeting.
Visit site »

Cozimo – Collaborative Tool


With Cozimo you can collaborate and review images and videos in real-time. Get feedback from clients and colleagues instantly.
Visit site »

Stixy


Stixy is online white board to easily organize and share photos, projects at work, files… I have been using this application for a while but I always found it very busy and messy. It is far from being as clean and polish as Conceptshare in my opinion.
Visit site »

ReviewBasics – Collaborative Tool


Similar to Conceptshare and Cozimo. This is not my favorite collaborative tool but they recently improved the UI that makes it pretty pleasant to use now.
Visit site »

Pingdom – online tool


Test your webpage to see the total time it takes to load the page including all objects (images, CSS, JavaScripts, RSS, Flash and frames/iframes). It mimics the way a page is loaded in a web browser.
Visit site »

Color Explorer


With the colorful toolbox at ColorExplorer you can easily create, manage, and explore color palettes for use in web designs, desktop publishing, or any other graphic design process.
Visit site »

Color Blender


Free online tool for color matching and palette design.
Visit site »

280 Slides


Create beautiful presentations, access them from anywhere, and share them with the world.
Visit site »

HTML Playground


HTML + CSS reference by example. Select a HTML tag from a list, modify the code if you want and see the result.
Visit site »

QuarkBase


Quarkbase is a free tool to find complete information about a website. It gives information such as Google and Alexa ranks, top countries, popular pages, traffic rank, social popularity…
Visit site »

Test Everything!


Test Everything! allows you to test your website with over 100 tools.
Visit site »

SEOmoz – Trifecta


Measures metrics to estimate the relative popularity and importance of Page, Blog or Domain.
Visit site » (SEOmoz – all the tools »)

SEO Centro – online tools


SEOcentro has some nice online SEO tools such as Meta Tag Analyzer, PageRank Check Tool, Link Popularity Tool, Search Engine Saturation, Keyword Suggestion Tool…
Visit site »

Domainr


Domainr helps you explore all the domain names. A green square appears next to the suggested domain name when available. A great tool to help you find an original domain name for you next project.
Visit site »

CopyScape


Website Plagiarism search. Search for copies of your page on the Web.
Visit site »

DabbleBoard


Dabbleboard is a powerful online whiteboard that’s actually easy and fun to use. Draw with flexible tools. Reuse previously-made drawings. Share and collaborate in real-time.
Visit site »

WhatTheFont


Font recognition system. Upload a scanned image of the font and instantly find the closest matches.
Visit site »

Online Image Optimizer- GIF, JPG, and PNG


Image Optimizer lets you easily optimize your gifs, animated gifs, jpgs, and pngs, so they load as fast as possible on your site.
Visit site »

WebSnapr 2.0


websnapr lets you capture screenshots of (almost) any web page.
Visit site »

Favicon Generator


Online tool to easily create a favicon for your site.
Visit site »

CollabTRACK

A free, flexible, easy to use web-based project tracker for web designers and their clients.
Visit site »

Project2Manage


Project2Manage is a great tool to keep you organized. It has a ton of features that allow you to create, manage and complete projects in your day to day activities as well as your professional life.
Visit site »

FreshBooks

Fast and simple invoicing and time tracking services that help you manage your business and invoice your clients.
Visit site »

Remember The Milk

Manage tasks quickly and easily and receive reminders via email, SMS, and instant messenger (AIM, Gadu-Gadu, Google Talk, ICQ, Jabber, MSN, Skype and Yahoo! are all supported).
Visit site »

XML-Sitemaps

Visit site »

YUI: CSS Grid Builder


CSS Grid Builder is a simple interface for Grids customization.
Visit site »

More please!

What? Not enough? Errr… Okay, then, check tlbox. This is an online tool that lets you collect interesting links and online tools for web designers, programmers and system administrators. You might find something interesting there. Visit site »

What free Web-based tool do you use? Share it with us in the comments!

The Author

Article written by Jeeremie:

Hi, My Name is Jeremie Tisseau. I am a French UI/UX Designer, Event Organizer and Web Entrepreneur based in Bangkok, Thailand, since January 2009. I design beautiful and functional web and mobile apps for early stage startups.

Want to become a guest author on this blog?

11 Comments

  1. Paul says:

    6 Dec, 2008

    Great collection !

    Take a look at Sitonomy.com.

  2. Justin Kelly says:

    7 Dec, 2008

    For free/open source web based invoicing check out Simple Invoices – http://www.simpleinvoices.org – doesnt have all the fancy features of Freshbooks but it does invocies – what more do you want :)

    Cheers

    Justin Kelly
    - Simple Invoices

  3. Olga says:

    8 Dec, 2008

    This is amazing! So many great tools for collaboration. I’d add one more http://task2gather.com. It’s quite ne but extremely efficient for collaboration and keeping yourself organized.

  4. zuborg says:

    8 Dec, 2008

    I would also recommend this free online website performance testing tool – http://Site-Perf.com/

    It’s very customizable and supports a lot of features like Keep-Alive, HTTP-Compression and simulation of limited bandwidth link

  5. atlfire says:

    13 Dec, 2008

    I would also recommend http://www.shrinktheweb.com for webiste thumbnails and more options.

  6. Chris M says:

    14 Jan, 2009

    Another invoicing option is Time59 (www.time59.com). It’s targeted at solo professionals and is a great solution if you don’t need (or want to pay for) the multi-user capability of Freshbooks. Bottom line: If you are solo and bill by the hour it is definitely worth a look. The first 30 days are free.

  7. catherine says:

    2 Apr, 2009

    Great list but you missed Fanurio.

    Fanurio http://www.fanuriotimetracking.com helps with the less appealing aspects of freelancing like invoicing and keeping track of time and. It’s a useful application, with a user-friendly interface. It can be used on Windows, Mac and Linux.

    • Jeremie Tisseau says:

      5 Apr, 2009

      Fanurio is not a web based tool and certainly not FREE!

  8. Laurent says:

    2 Jul, 2009

    Great list, thank you ^^

  9. Ethan says:

    15 Jan, 2011

    Generate website screenshots using http://www.w3snapshot.com.

  10. Hourb says:

    4 Aug, 2011

    Great collection. Planning to use a couple for my website

Leave a Reply

Sorry, comments are closed