Categories: Designer's Wonderland

Online Web Designing Tools that you can Rely On

Web designers usually find it handy to have tools to make the task of design and development easier. From forming word clouds, creating effects on images, to sharing screenshots of web design, these tools can go a a long way to simplify the process of site creation. Here are the top 20 tools, that you should be relying on.

1. Are My Sites Up

This simple tool lets you know if your sites are down. You will receive messages via email or SMS text, regarding your site status. It performs site checks 25 times per day. Check it out at: http://aremysitesup.com/login

2. Wordle

This little tool creates “word clouds” from text that you provide. The clouds highlight the frequently appearing words in the source text. You can create clouds with different fonts, layouts, and color schemes, according to your preferences. You can find it at : http://www.wordle.net/

3. ScrnShots

This tool enables you to find and share screenshots of web design. You can find scores of screenshots and add them to your account, place your screenshots in a cache for ease-of-access and explore many more helpful features. Check it out at: http://www.scrnshots.com/

4. EmChart

Constantly reaching for a calculator to compute the correct EM value can be quite a hassle. EmChart is comes in handy for calculating bottom margins, line-heights, top margins, and top/bottom padding. It’s also great for keeping font-sizes straight. You can find it at: http://aloestudios.com/code/emchart/

5. HTML-Ipsum

This tool provides a Lorem Ipsum application compatible with Mac. You can have a look at: http://html-ipsum.com/

6. Lovely Charts

Lovely Charts is an online application that enables you to make great-looking diagrams such as flowcharts, sitemaps, wireframes and more. Check it out at: http://www.lovelycharts.com/

7. Pixastic

This tool offers many features, such as creating attractive effects on images using JavaScript. Also comes in handy when editing an image without a computer. You can find it at: http://www.pixastic.com/

8. Down For Everyone Or Just Me

Enables you to find out for any site, whether it’s down for you only or for everyone. Check it out at: http://www.downforeveryoneorjustme.com/

9. SmushIt

Smushit.com is a service that uses image optimization tools to compress the images without compromising on their effect or visual quality. Try it out at: http://smushit.com/

10. SifrVault

An online Repository of sIFR fonts. Go through it at: http://www.sifrvault.com/

11. Snipt

Snipt provides a helpful collection of often used commands or code snips. You can check it out at:http://snipt.net/

12. ShiftSpace

ShiftSpace is an open source browser plugin for editing and shifting the web. Check it out at: http://www.shiftspace.org/

13. Wappalyzer

A Firefox add-on Wappalyzer tells you what software is used on the websites you visit. It lets you know about the usage of most CMS, e-commerce software and wiki and message board systems. Check it out at: http://wappalyzer.com/

14. Favicon generator & editor

This tool offers a convenient method to convert any GIF, PNG or JPEG to ICO. It also enables you to design your own favicons with the help of an online editor. You can find it at: http://favicon-generator.org/editor/

15. BgPatterns

This tool helps you come up with tiled patterns when time is of essence. It enables you to easily change a wide range of patterns, change its color, size and more. Try it out at: http://bgpatterns.com/

16. Kuler

This Adobe application that helps you create and share color themes such as Monochromatic, Triad, Complementary, etc. Users also have the option to share color themes according to preset color formulas or even create your own color shades by using the interactive color wheel. Go through it at: http://kuler.adobe.com/

17. FontStruct

This helpful tool lets you develop fonts based on geometrical shapes, arranged in a grid pattern, like tiles or bricks. You can find it at: http://fontstruct.fontshop.com

18. Vector Magic

Helps you convert bitmap images to vector images in a jiffy. All you need to do is to upload your image on Vector Magic. Try it out at: http://vectormagic.com/home

19. Picmarkr

This tool enables you to add a custom watermark (image or text) to your images for free. Comes in handy if you are worried about copyright infringement or just want to add comments to your photographs. Check it out at: http://picmarkr.com/

20. TweetDeck

Helps by and breaking down twitter feeds into smaller bite sized pieces. By using TweetDeck, one can easily split his/her main feed (All Tweets) into topic or group specific columns enabling you to get the broad picture of the feed. Find it at: http://www.tweetdeck.com/beta/

Do check out these tools, see for yourself what they can do for you and you’ll find yourself hooked in no time.

Navneet Kaushal: Navneet is a trusted digital marketing authority, who loves to blog and share his knowledge on SEO, web design, web development and internet marketing.