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