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.
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.
It’s hard to find knowledgeable people on this topic, but you sound like you know what you’re talking about! Thanks!!!
i like this too http://www.online-toolz.com
You are welcome