Top 10 Free Tools Every Web Designer Should Know About


I have put together a list of the most useful free online tools every Web Designer should know about. Whether you need to test the browser compatibility of your new design or just need to find some free graphics, here you will find the links to the best tools out there.



1.

browsershots.org


Browsershots tests your website's compatability on different browsers by taking screenshots of your web pages rendered by real browsers on different operating systems.



2.

www.aptana.com


Build web applications quickly and easily using the industry’s leading web application IDE. Aptana Studio harnesses the flexibility of Eclipse and focuses it into a powerful web development engine.



3.

www.sxc.hu


SXC was launched in February 2001 as an alternative for expensive stock photography. The idea was to create a site where creative people could exchange their photos for inspiration or work. The site has evolved into the massive community you see today — there are over 2,500,000 registered users and around 400,000 photos online.



4.

www.gimp.org


GIMP is an acronym for GNU Image Manipulation Program. It is a freely distributed program for such tasks as photo retouching, image composition and image authoring. It has many capabilities. It can be used as a simple paint program, an expert quality photo retouching program, an online batch processing system, a mass production image renderer, an image format converter, etc. GIMP is expandable and extensible. It is designed to be augmented with plug-ins and extensions to do just about anything. The advanced scripting interface allows everything from the simplest task to the most complex image manipulation procedures to be easily scripted.



5.

www.google.com/fonts#


Google Fonts makes it quick and easy for everyone to use web fonts, including professional designers and developers. The Google Fonts API service makes it easy to add Google Fonts to a website in seconds. The service runs on Google's servers which are fast, reliable and tested. Google provides this service free of charge.



6.

www.premiumpixels.com


Premium Pixels was created to share some of the resources and files created in the authors quest to make the web a more attractive place. Hopefully they will save you a bit of time and perhaps even some of you who are just getting started with design will learn something new... maybe.



7.

getfirebug.com

Firebug integrates with Firefox to put a wealth of web development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.



8.

getfirebug.com

Sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development.



9.

colorschemedesigner.com

An excelent, free online color scheme generator.



10.

validator.w3.org

This validator checks the markup validity of Web documents in HTML, XHTML, SMIL, MathML, etc. If you wish to validate specific content such as RSS/Atom feeds or CSS stylesheets, MobileOK content, or to find broken links, there are other validators and tools available. As an alternative you can also try our non-DTD-based validator.



Please leave your comments and questions below.