Tools For Web Designers

Everyone, especially computer people, love lists of resources. I do as well, and I decided it’s time to share many of the resources that have helped me in my career. All of these resources (except for the print books) are either freeware, open source, or the application offers a free version.Firefox

• Firebug  – Essential tool for CSS/JavaScript debugging.
• YSlow – Firebug add-on to help determine performance bottlenecks.
• Web Developer Toolbar – Provides tools to compliment Firebug.
• Dust-Me Selectors – Scans the page against your current style sheet to determine extraneous styles.
• Server Spy – See the server technology for current page.
• Colorzilla – Awesome color picker.
• X-Ray – Bookmarklet to examine elements in DOM.

Web Worker Applications

• Box.net – Backup your files with this tremendous tool.
• Harvest – Time tracking utility.
• Jott – Record messages from your phone and add them to various applications.
• Gliffy – MS Visio replacement for diagramming.
• Yugma – Free video conferencing.

Print Books

• Designing with Web Standards – A great introduction to web standards design by Jeffrey Zeldman.
• CSS: A Definitive Guide – Eric Meyer’s magnum opus on CSS.
• Don’t Make Me Think! – The acclaimed introduction to usability.
• Codin’ For the Web – Great book to teach application development to designers.
• Web Design in a Nutshell – Invaluable desktop reference.

Online Books

• Version Control with Subversion – Introduction to the precepts of Subversion.
• Getting Real – 37 Signals famous work on design.
• The Elements of Typographic Style Applied to the Web

Tutorials

• W3Schools.com – XHTML, CSS, PHP, SQL, XML, etc.
• Good Tutorials – Photoshop, Flash, Illustrator, PHP, HTML, etc.

Editors

• PSPad – Simple, fast editor that I used for a long time.
• Aptana – Editor built on Eclipse that, I think, is the best out there.
• Microsoft Visual Web Developer – Free MS editor to create ASP.NET applications.
• SQLYog – GUI interface to MySQL.

Templates

• Open Source Web Design
• Themebot – Themes for Drupal, WordPress, Joomla, and phpBB among others.
• Open Web Design
• The Open Design Community
• The CSS Tinderbox – CSS layouts.
• Little Boxes – CSS layouts.

Project Management/Version Control

• Assembla – Free TRAC/Subversion workspaces.

Testing/Validators

• UITest.com
• The Scrutinizer – SEO validators and analysis.
• Test Everything!
• WAMP – Apache, MySQL, and PHP on Windows)

Application Comparison

• Wiki Matrix – Compare wiki applications.
• Forum Matrix – Compare forum applications.
• WebBlog Matrix – Compare blog applications.
• The CMS Matrix – Compare CMS applications.
• OpenSourceCMS – Demo various CMS’.

Web Designer Blogs/News Aggregation

• Design Float – Digg style site for designers.
• Web Developer’s Handbook – More resources then you could ever need.
• Smashing Magazine – The best resource for resources.