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. Smush.it - 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. woorank.com - To know about a website.
  25. PageTest- To test web page performance

Enjoy it.