Web Designer's Resources

Get Firefox
Tools Resources
Automated Tools (also see CSS automated tools)
  1. Jot Form
  2. Form Builder
  3. What The Font?
  4. TypeTester
  5. Stripe Generator
  6. Website Grader
  7. Conversion From Points to Pixels - Great resource for converting pixels to em's, % or points
  8. Filler Text Generator
  9. Grid Calculator
  10. Alphabetizer - Very handy when you have a list of items you need alphabetized
  11. Web 2.0 Badge Generator
  12. Glossy Button Generator
  13. AJAX Activity Indicator Generator
  14. AJAX Loading GIF Generator
  15. Web 2.0 Logo Generator
  16. Buttonator - Button Generator
  17. Background Generator
  18. Web 2.0 Badge Generator
  19. Stripe Mania - A Very Powerful Stripe Generator With Gradients
  20. Ribbon Generator
Blogging Software
  1. Wordpress
  2. Typepad
  3. Movable Type
Browser Testing
  1. Browser Shots
  2. Any Browser
  3. Browser Size
  4. iCapture
Brushes - Photoshop / Illustrator
  1. DesignFruit
  2. Free Vector Downloads - huge list of brushes and vector art
  3. Deviant Art Photoshop Brushes
  4. PS Brushes
  5. Brusheezy
  6. In Obscuro
  7. Free Photoshop Brushes
  8. Watercolor Photoshop Brushes
  9. In Obscuro Brushes
  10. Circles Vector Art
  11. Vecteezy - Vector based art
  12. Free Photoshop Plugins - I know, not brushes, but where else do I put them?
Color Tools / Scheme Generators
  1. Kuler (Adobe Labs)
  2. Color Schemes - HUGE list of color resources
  3. Daily Color Scheme (From 9 Rules) - maybe my new favorite after Kuler
  4. Complete Color Matching Guide - Everything you could possibly want to know about color
  5. Colr.org
  6. Hex Codes
  7. Colormixer Remix
  8. Colour Scheme Chooser
  9. Color Scheme Generator
  10. 4096 Color Wheel
  11. Accessibility Color Wheel
  12. Behr
  13. Colour Lovers
  14. Instant Eyedropper
  15. Color Jack
  16. Color Jack Studio
  17. Color Jack Sphere
  18. Easy RGB
  19. Color Blender
  20. DeGraeve Color Paletter Generator
  21. Color Schemer
  22. Colors on the Web - learn about the "physics" of colors
  23. Find the Average Color of a Photograph
  24. Pic2Color - Take a graphic and find the color scheme
  25. Colors For Summer
  26. Color Codes Matching Chart HTML (Convert CMYK, RGB Hex)
Compliance
  1. CSS Validation
  2. XHTML Validation
CSS Automated Tools (also see automated tools)
  1. Rounded Cornr - Create rounded corners
  2. Rounded Corner Creator
  3. Sky CSS Tool - Create (almost) complete stylesheets without doing any coding
  4. The Box Office - Allows you to wrap text around freeform images with CSS
  5. TAML - Very easy to use CSS layout with immediate visual feedback
  6. Em Calculator
  7. CSS Rollover Generator - Please don't tell me you are still using fireworks and js...
  8. CSS Menu Generator
  9. CSS Type
  10. CSS 1-3 Column Page Maker
  11. CSS Tab Designer 2
  12. Layout-O-Matic - CSS layout generator
  13. List-O-Matic - generate CSS styles navigation with <li>'s
  14. Menu Generator
  15. CSS Menu Builder
CSS Code Snippets
  1. CSS Star Rater Redux
  2. CSS Speech Bubbles
  3. Rounded Corners
  4. CSS Image Maps
  5. Mac Dashboard Effect
  6. Form Field Hints
  7. Time Sensitive CSS Switcher
  8. Comment Sliding Divs
  9. CSS Form Garden - Forms, forms, forms
  10. CSS Dock Menu
CSS Gallery Sites
  1. CSS Remix
  2. CSSTux
  3. CSS Reboot
  4. CSS Mania
  5. CSS Import
  6. CSS Beauty
  7. CSS Vault
  8. CSS Drive
  9. CSS Bloom
  10. CSS Heaven
  11. CSS Elite
  12. Design Snack
  13. CSS Insert
  14. 60 CSS Directories
CSS Image Galleries
  1. Cross-Browser Multi-Page Gallery
  2. Cross-Browser CSS Slide Show
  3. EasyAlbum
  4. CSS Image Gallery
  5. ImageGal
  6. Sliding Photograph Galleris
  7. Simple Thumbnail Solution
  8. Fade In Image
CSS Layout (also see templates)
  1. 2 Column Fluid Layout
  2. Faux Column CSS Layouts - Great resources for doing a column-ed CSS layout with matching div heights
  3. Layout Reservoir
  4. Max Design CSS Layouts
  5. Layout Gala
  6. Dynamic Drive CSS Layouts (Includes a link to a js file for matching div heights - if you're a CSS purist, this will seem a bit dirty)
  7. Glish
  8. Nice and Free CSS Layouts
  9. CSS Tinderbox
  10. 100% Pure CSS Layouts
  11. 750px Pure CSS Layouts
CSS Optimizers
  1. Clean CSS
  2. iSnoop
  3. CSS Optimiser
  4. CSS Formatter and Optimiser
CSS Tutorials and Cheatsheets
  1. CSS Tutorial
  2. Jack Daniels CSS Cheatsheet
  3. CSS Cheat Sheet
  4. GUI Stuff CSS
  5. Brunildo
  6. CSS Play
  7. How to Make Sexy Buttons With CSS
  8. CSS Master List - DO NOT start a CSS project without this
Developer Tools
  1. Scriptaculous - Javascript libraries
  2. Prototype - Javascript framework, hard to find a "web 2.0" site today without it
  3. Moo.fx - Javascript library
  4. Swat - Easily one of the coolest PHP libraries around
  5. ESwat - Web Project Framework
  6. DHTML Goodies - DHTML and AJAX Libraries
  7. Dojo - Javascript toolkit
  8. DynamicDrive - DHTML, Javascript, CSS, AJAX...Pretty much anything you need
  9. MiniAJAX - Tons of great AJAX scripts
Email Privacy
  1. Enkoder
  2. Email Riddler
Favicon Generators
  1. Dynamic Drive
  2. Favicon from Pictures
  3. FaviconGenerator.com
  4. Favicons with text instead of images
  5. Graphics Guru
File Conversion
  1. Convert Any File
  2. Zamzar
  3. Media-Convert
  4. Online Convertors - Amazing list of resources for converting just about anything to just about anything, a must read
Firefox Plugins
  1. Firebug
  2. WebDeveloper
  3. About This Site
  4. Colorzilla
  5. DownloadThemAll
  6. DT Whois
  7. FireFTP
  8. TIDY HTML Validator
  9. IE Tab
  10. Search Status
  11. Server Spy
  12. ScreenGrab
  13. AdSense Preview
  14. CodeTech
  15. MeasureIt
  16. NoScript
  17. Scrapbook
Fonts
  1. DaFont
  2. Search Free Fonts
  3. 1001 Free Fonts
  4. 9800 Free Fonts
  5. TV/Movie Related Fonts
  6. FontTester
  7. Fonts 500
  8. GMK Free Fonts
  9. Free Fonts of the Month: Geo Sans, OT Versa and Diavlo
  10. ShowFont
  11. 16 Best-Loved Font Bits In Web Design
  12. 80 Beautiful Typefaces For Professional Design
FTP Programs
  1. Filezilla
  2. SmartFTP
  3. Core FTP
Get a Job!
  1. 101 Essential Freelancing Resources
  2. Monster List of Freelancing Job Sites
  3. Hourly Rate Calculator
  4. 30+ Resources For Online Freelancers
  5. 230+ Tools For Running an Online Business
HTML Tutorials and Cheatsheets
  1. Bare Bones Guide to HTML
  2. HTML Tags
  3. W3 Schools
  4. HTML Cheat Sheet
  5. HTML Center
  6. Special Characters List
  7. .htaccess Cheatsheet
  8. HTML Dog - also has CSS tutorials
  9. Web Developer Cheatsheets
Icons Sets
  1. 22 Free Essential Icon Sets
  2. Website Icons.net
  3. Sweetie Icons
  4. Brand Spanking New
  5. Two Tone Icons For Free!
  6. famfamfam
  7. Free Icons Web
  8. Crystal Clear
  9. 38 Free Icon Sites
Image Editing
  1. Photoshop CS2
  2. Gimp - The next best thing if you don't want to buy Photoshop (Also, try GIMPShop)
Inspiration (also see CSS Gallery Sites)
  1. Phatterism
  2. Most Inspired
  3. 34 Places to Get Inspiration Online and Off
  4. Top 50 Inspirational Websites For Designers
  5. FaveUp.com - Business cards, logos, css sites, etc.
  6. 60 More Places to Get Design Inspiration - Online and Off
  7. Randy Jensen Online
Lightbox Scripts
  1. Original Lightbox
  2. Suckerfish Hoverbox
  3. Leightbox
  4. LITBox
  5. Wordpress Lightbox Plugin
  6. Thickbox
  7. GreyBox
  8. LightWindow
Logo Design
  1. Complete Logo Design Guide
Navigation Tools
  1. List-O-Matic
  2. Listamatic 2
  3. Simplified CSS Tabs
  4. 13 Styles CSS Menus
  5. CSS Vault Navigation
  6. Free Menu Designs
  7. 14 Vertical CSS Menus
  8. CSS Hybrid Navigation
  9. Suckerfish Dropdown
  10. 71 CSS Menu Navigation Tabs
  11. CSS Based Lists
Quick Scripts / AJAX
  1. Bubble Tooltips
  2. BoxOver - Same as above, just a little different
  3. AJAX Star Rater
  4. ModalBox - create modern dialogs or site wizards
  5. Prototype Window - similar to ModalBox
  6. AJAX Tabs
  7. AJAX Autocompletion Form
  8. DOJO Toolkit - JavaScript DHTML Toolkit
  9. QooXDoo - AJAX Framework
  10. Rico - AJAX/JavaScript Framework
  11. CSS Dock Menu - Made with CSS and JQuery
  12. Accessible News Slider - Another amazing implementation of JQuery
  13. Really Easy Field Validation
  14. SWFUpload - File uploader create with Flash and JS
  15. Swazz JS Calendar
  16. Uni-Form - One form to rule them all
  17. CSS-Based Form Template - accessible, css form
  18. 10 CSS and JS Calendars
  19. 10 CSS Graphs
  20. AJAX Polling Script - Create AJAX Polls
  21. AJAX Loader Generator - Makes the generator animation for AJAX Scripts
Reading / Stay Up To Date
  1. A List Apart
  2. 9Rules
  3. Web Design From Scratch
  4. Design.Principles
  5. Boxes and Arrows
  6. Vitamin
  7. Read Write Web
  8. Fadtastic
  9. Solution Watch
  10. Typographica
  11. Digital Web Magazine
  12. Wired
  13. SitePoint
  14. TechCrunch
  15. ZDNet
  16. LifeHacker
  17. Digg
  18. UX Matters
  19. 69 Tech Blogs That Don't Suck
SEO Info / SEO Tools
  1. Google PageRank Calculator
  2. Google Analytics
  3. Google Webmasters
  4. Google AdWords Keyword Tool
  5. Google Toolbar
  6. Google Trends
  7. TouchGraph
  8. High Rankings Forum
  9. Database Of Web Robots
  10. SEO Book
  11. SEO Tools
  12. SEO Chat
  13. Self SEO
  14. XML Sitemaps
  15. Be The Bot
  16. SearchStatus Toolbar for Firefox - Shows Alexa ranking and PageRank
  17. Overture Keyword Selector Tool
  18. Wordtracker Free Keyword Suggestion Tool
  19. WhoIs
Site Validators
  1. W3C Validator
  2. W3C Mobile Validator
  3. W3C CSS Validator
  4. Validome
Sitemap Generators
  1. Auto Map It
  2. Audit My PC Sitemap Generator (Java)
  3. Google Sitemap Generator (Python)
  4. XML Sitemaps
  5. Sitemap Generator For Wordpress
Stats / Tracking
  1. Google Analytics
  2. StatCounter
Stock Image Sites
  1. EveryStockPhoto
  2. istockphoto
  3. stock.xchng
  4. MorgueFile
  5. StockVault
Templates
  1. Open Designs
  2. Free Site Templates
  3. Flash Templates
  4. Open Source Web Design
  5. TemplateWorld - CSS/XHTML compliant templates
  6. Free Layouts.com
  7. OpenWebDesign.org
  8. myhedspace
  9. Free CSS Templates
  10. Wordpress Themes
  11. CSS Design Templates
  12. Smashing Magazine Huge List Of Free Templates
  13. Open Source Templates
  14. CSS Temps
Testing / Tracking
  1. Test Everything
  2. ClicksHeat
Textures
  1. TextureKing
  2. Grunge Textures
Tutorials, Misc.
  1. tweako - tutorial site with a digg-like way of promoting the best ones
  2. Tutorialized - tutorials on just about anything you could think of
  3. I Love Jack Daniels Cheat Sheets - Huge list of cheat sheets
Web 2.0-ify Your Site
  1. Background Image Maker
  2. Spiffy Corners
  3. 37 CSS Navigation
  4. Web 2.0 How-to
  5. CSS Mini Tabs
  6. Web 2.0 Color Palette
  7. Web 2.0 Webdesign Tutorials
  8. Stripe Generator
  9. Ultimate Web 2.0 Layer Styles
Wordpress Plugins
  1. Akismet
  2. Feedburner Feedsmith
  3. Share This
  4. Wordpress Database Backup - Fallen a bit into obscurity since Skippy stopped developement
  5. WP-Cache - Must have if your blog is Digg bound
WYSIWYG Editors
  1. Macromedia Dreamweaver - There's a reason it's the industry standard
  2. Nvu - Probably the closest open source program to Dreamweaver
  3. Amaya - From the folks at the W3C
  4. Coffee Cup
  5. PageBreeze
  6. Aptana - Haven't had the chance to try it, but it looks pretty amazing so far

Have we missed anything? Head over to the labs blog to let us know. Also make sure to check out the other lists below.

  1. Design Vitality - The Open Source Web Design Toolbox: 100 Tools, Resources, and Template Sources

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Tuesday, September 2, 2008