Monday, 18 February 2013

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.
 

No comments:

Post a Comment