25 Important Web Design Tools

Posted on 21. May, 2009 by admin in Tools

There are lots of web design tools available on internet, which will help you accomplish your tasks easily and quickly, and still more are coming. Every designer now has his/her own toolbox. I will try to make such toolbox for you too. I have collected 25 such tools, and if you know more feel free to add in the comments.

Ready to make your own toolbox?. Okay! Here is the list of 25 web design tools.

1. HTML Entity Character Lookup

This lookup allows you to quickly find the entity based on how it looks, e.g. like an < or the letter c.

HTML Entity Character Lookup

HTML Entity Character Lookup

2. Blueprint CSS framework

It gives you a solid foundation to build your project on top of, with an easy-to-use grid, sensible typography, useful plugins, and even a stylesheet for printing.

Blueprint CSS framework

Blueprint CSS framework

3. Typetester

The Typetester is an online application for comparison of the fonts for the screen. Its primary role is to make web designer’s life easier.

Compare Fonts For Web Design

Compare Fonts For Web Design

4. Em Calculator

Em Calculator is a small JavaScript tool which helps making scalable and accessible CSS design.

Making Scalable and Accessible CSS Design

Making Scalable and Accessible CSS Design

5. Web Developer Toolbar

Adds a menu and a toolbar with various web developer tools.

Web Developer

Web Developer

6. MeasureIt

Draw out a ruler to get the pixel width and height of any elements on a webpage.

Draw Out A Ruler

Draw Out A Ruler

7. ColorZilla

Advanced Eyedropper, ColorPicker, Page Zoomer and other colorful goodies.

Advanced Eyedropper and ColorPicker

Advanced Eyedropper and ColorPicker

8. Firebug

Firebug integrates with Firefox to put a wealth of web development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.

Firebug

Firebug

9. Designers Toolbox

All kind of print and web documents sizes.

Designers Toolbox

Designers Toolbox

10. What the Font?

Submit an image to WhatTheFont to find the closest matches in our database.

What the Font?

What the Font?

11. Easy Web Form Builder

FormSpring gives businesses and organizations an easy way to build any type of online form, integrate it with their website and begin collecting data.

Easy Web From Builder

Easy Web From Builder

12. Browser Shots

Test your site in different browsers.

Check Browser Compatibility

Check Browser Compatibility

13. Icon Finder

An Icon search engine.

Icon Search Engine

Icon Search Engine

14. Button Browser

Its a button gallery and button maker.

Button Gallery and Button Maker

Button Gallery and Button Maker

15. Rounded Corner

This generates a basic box with rounded corners. It will create four image files and the necessary HTML and CSS code for you to put rounded corners around your content.

Generate Rounded Corners

Generate Rounded Corners

16. BlogFlux Button Maker

You see those 80×15 buttons everywhere. Our Button Maker lets you make some yourself. Fiddling around with Photoshop or any other graphics editor can be a pain. Make 80×15 or 88×13 buttons with a few clicks.

Button Maker

Button Maker

17. Vecteezy

Get free vector graphics.

Get Free Icons

Get Free Icons

18. Background Image Maker

Nice application to create background images.

Background Image Maker

Background Image Maker

19. Photoshop Brushes

Cool Photoshop brushes available for download.

Photoshop Brushes

Photoshop Brushes

20. Tartan Maker

Tartan Maker – the new trendsetting application for cool designers.

Tartan Maker

Tartan Maker

21. Color Schemer

ColorSchemer Studio 2 is a professional color matching application for anyone from hobbyists to advanced professionals.

Color Scheme Gallery

Color Scheme Gallery

22. Webs

Create your own website for FREE!

Web Site For Free

Web Site For Free

23. Sampa

Make a Free Website: Every day, thousands of people just like you use Sampa to create their own personal website, family website or baby website.

Make a Free Website

Make a Free Website

24. Format Pixel

Create your own online magazines, fanzines, brochures, catalogues, portfolios and more.

Online Publishing Tool

Online Publishing Tool

25. Weebox

Flash-based website creator.

Flash-Based Website Creator

Flash-Based Website Creator



Tags: , , ,

Like this post?
Share it!

  • Tweet
  • Delicious
  • Diggit
  • Diggit
  • Diggit
  • Share

You might also like


45 Responses to “25 Important Web Design Tools”

  1. CSS Brigit | 25 Important Web Design Tools

    21. May, 2009

    25 Important Web Design Tools…

    There are lots of web design tools available on internet, which will help you accomplish your tasks easily and quickly, and still more are coming. Every designer now has his/her own toolbox.
    …

    Reply to this comment

  2. 25 Important Web Design Tools

    21. May, 2009

    [...] DIRECT LINK » [...]

    Reply to this comment

  3. 25 Important Web Design Tools | Tools | PelFusion.com | Cash For All

    21. May, 2009

    [...] accomplish your tasks easily and quickly, and still more are coming. Every. See the rest here:  25 Important Web Design Tools | Tools | PelFusion.com Share and [...]

    Reply to this comment

  4. 25 Important Web Design Tools | Tools | PelFusion.com | web-web-guide

    21. May, 2009

    [...] Go here to read the rest: 25 Important Web Design Tools | Tools | PelFusion.com [...]

    Reply to this comment

  5. 25 Important Web Design Tools | Tools | PelFusion.com « Netcrema - creme de la social news via digg + delicious + stumpleupon + reddit

    21. May, 2009

    [...] 25 Important Web Design Tools | Tools | PelFusion.com [...]

    Reply to this comment

  6. PoPSiCLe

    21. May, 2009

    Hi. Great list.
    There is a small error, though – the name on the link for #11 and #12 is the same – the one for #12 is wrong – it’s the same as for #11. Should be fixed :)

    Reply to this comment

  7. Angie Bowen

    21. May, 2009

    Great list, some of these I hadn’t heard of and will definitely give them a try. Stumbled and bookmarked.

    BTW, #12 should be labeled Browsershots instead of Easy Web Form Builder.

    Reply to this comment

  8. admin

    21. May, 2009

    really thankful…@angie bowen @popsicle

    Reply to this comment

  9. John - TechListReport

    21. May, 2009

    Great list. I am trying to improve my web design skill so this is very helpful. I am posting a link to this list on my site. TechListReport.com

    Reply to this comment

  10. Flakerim

    21. May, 2009

    Great, I would add http://www.typetester.org/ and Universal IE6 CSS on google code :)

    Reply to this comment

  11. Ayden

    22. May, 2009

    Brilliant list guys

    Reply to this comment

  12. Jacob

    22. May, 2009

    Some of these items are so good, they’re pretty much required, however, some of these things, such as the rounded corner generator, webs, sampa, and are a step away from pure evil.

    =p

    Reply to this comment

  13. Pages tagged "tools"

    22. May, 2009

    [...] bookmarks tagged tools 25 Important Web Design Tools | Tools | PelFusion…. saved by 4 others     rockinrachelle91 bookmarked on 05/22/09 | [...]

    Reply to this comment

  14. web designer

    22. May, 2009

    Thanks u r information

    Reply to this comment

  15. David

    22. May, 2009

    Thanks a lot.
    Great list !!
    And another icon tool is

    http://www.iconspedia.com

    ;)

    Reply to this comment

  16. 25 Important Web Design Tools | Tools | PelFusion.com | Webmaster Tools

    22. May, 2009

    [...] See more here: 25 Important Web Design Tools | Tools | PelFusion.com [...]

    Reply to this comment

  17. Brian Cay

    22. May, 2009

    Also check out http://pxtoem.com for PX to EM conversion made simple.

    Reply to this comment

  18. Web Design - 25 Important Web Design Tools | ErnieDavis.me

    22. May, 2009

    [...] http://pelfusion.com/tools/25-important-web-design-tools/ [...]

    Reply to this comment

  19. neotericuk

    22. May, 2009

    really useful tools are shared, just a great resource really inspired from your post.

    Reply to this comment

  20. Paul Saunders

    22. May, 2009

    Great post Great resources, thanx for the effort … I will be back :)

    Paul
    http://twitter.com/paulsaunders

    Reply to this comment

  21. Rufor

    23. May, 2009

    Hi,
    Thank you! I would now go on this blog every day!

    Reply to this comment

  22. Saturday Round-Up for May 23 2009 | Blue Lobster Art and Design

    23. May, 2009

    [...] 25 Important Web Design Tools [...]

    Reply to this comment

  23. Emil Melgaard

    23. May, 2009

    You missed one of the most important optimization tools:

    ySlow for Firebug by Yahoo!
    https://addons.mozilla.org/da/firefox/addon/5369

    Reply to this comment

  24. Links interessantes: semanas 20 e 21/2009 » LumaKimura.net [ Blog ]

    24. May, 2009

    [...] 25 Important Web Design Tools » PelFusion.com – Em inglês. [...]

    Reply to this comment

  25. Arbenting's Weekly Inspiration and Best of the Web #6 | Arbenting

    24. May, 2009

    [...] 25 Important Web Design Tools – There are lots of web design tools available on internet, which will help you accomplish your tasks easily and quickly, and still more are coming. Every designer now has his/her own toolbox. [...]

    Reply to this comment

  26. Rahul - Web Guru

    25. May, 2009

    Have I read this article somewhere else too? Still nice compilation of article for web developers like me. :)

    Reply to this comment

  27. Fagbrini

    25. May, 2009

    Hi, outgoing posts there :-) hold responsible’s concerning the gripping word

    Reply to this comment

  28. Web Tasar?m Araçlar? ! | Seyfullah KILIÇ

    25. May, 2009

    [...] kaynak: Bildirgec.org | devsnippets.com | pelfusion.com [...]

    Reply to this comment

  29. Webdesign

    25. May, 2009

    Great list!

    Reply to this comment

  30. Web Design Quote

    27. May, 2009

    Thanks for the sharing the information. All the tools are very useful. I think some of them help me in my project.Keep up the good work.

    Reply to this comment

  31. developersouvik

    27. May, 2009

    cool collection. really good for Web 2.0 Designers

    Reply to this comment

  32. Coole Links und Tools KW#22/1 | Sura 1.at

    27. May, 2009

    [...] 25 Important Web Design Tool [...]

    Reply to this comment

  33. Martin Leblanc

    27. May, 2009

    Thanks for the link.

    Reply to this comment

  34. daily news

    05. Jun, 2009

    great article and collection, thanks…

    Reply to this comment

  35. Laura Godfrey

    08. Jun, 2009

    With so many tools available online, it’s difficult to know which ones will benefit your website most. From CSS tools to em calculators, many applications have been developed to help minimise the amount of coding required by the designer. Colorzilla in particular is a good website that allows you to select any colour off a browser. Thus saving you a lot of time without having to open up the initial template design.

    Great article.

    Reply to this comment

  36. David

    08. Jun, 2009

    I didn’t know about a lot of this cool design tools. I think my favorite one is the brusheezy site for photoshop brushes. Glad I stumbled on this post.

    Reply to this comment

  37. yogesh

    11. Jun, 2009

    Great going guys

    Reply to this comment

  38. ZooTemplates

    21. Jul, 2009

    Yiihiiii…. This Is I Search…… Thanks For This Information.. Very Useful

    Reply to this comment

  39. ???Web???????25 | yuxu's notebook

    24. Aug, 2009

    [...] PelFusion.com?25 Important Web Design Tools????????Web????????????25???????? 1.HTML Entity Character Lookup 2.Blueprint CSS framework 3.Typetester 4.Em Calculator 5.Web Developer Toolbar 6.MeasureIt 7.ColorZilla 8.Firebug 9.Designers Toolbox 10.What the Font? 11.Easy Web Form Builder 12.Browser Shots 13.Icon Finder 14.Button Browser 15.Rounded Corner 16.BlogFlux Button Maker 17.Vecteezy 18.Background Image Maker 19.Photoshop Brushes 20.Tartan Maker 21.Color Schemer 22.Webs 23.Sampa 24.Format Pixel 25.Weebox   [...]

    Reply to this comment

  40. 25???Web??, « Dfey ???? ????

    31. Aug, 2009

    [...] VIA?25 Important Web Design Tools [...]

    Reply to this comment

  41. mahesh

    28. Oct, 2009

    nice work mate…..

    cirrogram

    Reply to this comment

  42. Murali Bala

    25. Nov, 2009

    Excellent list. My all time favorite is firebug. One most useful tool for front-end developers.

    Reply to this comment

  43. HTML Color

    21. Jan, 2010

    This is a great list. I find myself here referencing it often. Thanks!

    Reply to this comment

  44. Jarkko

    26. Jan, 2010

    Wow.. Great list. You’ve helped me a lot!!

    Reply to this comment

  45. Top 10 Web Design Tools to Start With | Creative-Le Designs

    26. Jan, 2010

    [...] a link as well to even more web design tools you may or may not use, but personally here is my final list of web tools that are good for [...]

    Reply to this comment

Leave a Reply