Skip to main content

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.

Comments

Popular posts from this blog

iPhone 5 Rumor Roundup

Release Date The latest rumors regarding the iPhone 5 indicate that the official release date will be officially announced during the next Apple event which is to be held on September 12th 2012. According to Verizon CFO, Fran Shammo, Apple (AAPL) will stick to last year's release date and launch the iPhone 5 in October 2012. Although during the 2012 WWDC we had the opportunity to get some more details about iOS 6, no hardware specifications were released. source - 9to5mac.com Larger Screen The iPhone 5 is rumoured to have a larger, 4 inch retina display. source - Apple.pro Nano SIM According to the Financial Times, mobile carriers in Europe are stocking up on Nano SIM cards. This might be related to the release of the next generation iPhone. Smaller Dock Connector Another wide spread rumour is that Apple will release the iPhone 5 with a smaller, 8 pin dock connector. This means that new cables will be available for  new Apple devices released in the future. Did you hear any new rum...

Single Page HTML5 CSS3 Business Card Template 2.0

After seeing a huge interest in the Single Page Business Card Tutorial  i decided to create a Single Page Business Card 2.0 Template. Besides listing your title and contact details the 2.0 template also has some nice CSS3 transition effects, is available in 4 colors and the best part: IT'S FREE FOR DOWNLOAD . Demo Download CSS3 Transition Effect On hover the Name/Title block and the Contact Details blocks slide out vertically showing a centered block containing name and position, social and contact icons. Red Template Demo Blue Template Demo Yellow Template Demo Green Template Demo

HTML Codes for Romanian Characters

Character Simple Code Numerical Code Hex Code Ă Ă Ă ă ă ă Â Â Â Â â â â â Î Î Î Î î î î î Ș Ș Ú ș ș Û Ş Ş Ş ş ş ş Ţ Ţ Ţ ţ ţ ţ