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.
Pingback: Top 22 Firefox Add-ons for Web Designers & Developers | Tech Brij