Dec 27, 2010

25 Free Online Tools for Web Design and Development

There are a tons of online tools available to make the life easier. I have developed some online tools and written about how to use. Apart from these tools, Here is the list of my favorite online tools for web design and development. I have tested different tools and mentioned I like the most.

  1. Mockups– to create, link together, preview, and share mockups of your website or application. Alternate option is Balsamiq.
  2. Drawter – Draw CSS Code For Website
  3. CSS Grid Builder – to rapidly generate a CSS-based, web-standards compliant page layout in a matter of minutes
  4. jsFiddle – Online Editor for the Web (JavaScript, MooTools, jQuery, Prototype, YUI, Glow and Dojo, HTML, CSS). Alternate is jsBin
  5. Regular Expressions Tester– To create,share and test regular expression
  6. Xpath tester – To test a given xpath expression against an Xml Document
  7. iconfinder – Search Engine for Icons
  8. ConvertIcon – allows you to upload an image and get a .ico file, for maintaining compatibility with Microsoft’s browser.
  9. Round Corner Button Generator– Generate HTML/CSS code and images for rounded corners
  10. – optimizes the images without changing their look or visual quality.
  11. What Font is– determine the font name from an image.
  12. CSS Tidy– CSS Formatter and Optimiser
  13. jsbeautifier– reformat and reindent javascript code
  14. yUML– To create UML diagrams
  15. CSS Gradient Generator – A powerful Photoshop-like CSS gradient editor
  16. Online YUI Compressor – JavaScript/CSS Compression
  17. CSS Sprite Generator – It lets you upload images, ignore duplicate images, resize images, output images option etc.
  18. CSS Validator – validates CSS stylesheets or documents
  19. W3C Link Checker– For checking if all links on you web pages are valid.
  20. MarkUp Validator – Check the markup (HTML, XHTML, …) of Web documents
  21. Google code playground– To show code examples for various Google Javascript APIs.
  22. Encoder/Decoder – To encode/decode HTML strings and encode/decode URL string.
  23. BrowserShots – To check Browser Compatibility, It makes screenshots of any web page
  24. – To know about a website.
  25. PageTest– To test web page performance

Enjoy it.


  1. I really need this article. I want to improve my website. I can’t get a high rank in google. But I think this article will help me to increase my website’s rank. Thank you so much. I will let you know if my rank gets better.

Leave a Reply

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