Note: For this list in an easier to navigate version, please visit
wonder-why.net. It's updated slightly less frequently, but has jump links.
Last Update:1.30.2008New SEO link
Recommended Reading:
Books to add to your web design library
CSS Mastery Everyone who is interested in CSS based design should read this book. Very clearly written, easy to understand with a lot of pratical examples and two full case studies by leaders in the web design field.
DOM Scripting: Web Design with JavaScript and the Document Object Model How to properly incoperate JavaScript with XHTML and CSS.
Defensive Design for the Web How to Improve Error Messages, Help, Forms, and Other Crisis Points
Bulletproof Web Design: Improving flexibility and protecting against worst-case scenarios with XHTML and CSS
The Elements of User Experience User-Centered Design for the Web
Build Your Own Website The Right Way Using HTML & CSS Build a web site from the ground up. The author assumes no previous knowledge of HTML or CSS so this is a great book for beginners.
Talent Is Not Enough: Business Secrets For DesignersJust about everything:Web Developer's HandbookHTML, CSS, PHP and more Cheat SheetsCheet Sheet RoundupQuick Lookup Quick reference to all things PHP, MySQL, JS, and CSS. Start typing and see the bit of code and it's properties.
Grade Your WebsiteHTML Tutorials & resources:Open Web Design HTML & CSS templates - feel free to copy :)
HTML Goodies (great for beginners)
W3Schools (web standards compliant mark-up, fantastic for beginners)
Web Standards WorkshopHTML Dog HTML and CSS guide
Crimson Blood Graphics (beginning to advanced tutorials)
EchoEcho (tutorials on all sorts of web languages)
Quirks Mode (make sure your site looks right for everyone)
Mark-up Semantic BasicsColor Schemer (just in case you need a little inspiration for the color scheme of your site; or if you don't know not to use bright, neon blue as a color)
Color Blender Pick any two colors, decide how many steps you want, and push a button - Hexadecimal code included.
ASCII Code TableOpen Souce Web Design Layouts you're allowed to steal.
XHTML Tutorials & Resources:Anatomy of an XHTML DocumentMigrating from HTML to XHTML and XMLBeware of XHTML - Stick to HTML4.01An XHTML Roadmap for Designers by Molly Holzschlag
CSS Tutorials & resources:CSS Resources in One Handy Hyperlinked PDF FileOne True Layout The ultimate CSS layout including browser hacks
The Holy Grail 3 column, liquid center, fixed sidebars CSS layout
Another 3 Column Liquid LayoutA CSS FrameworkA List Apart ALA Primer Part 1: A Guide for New Readers ALA Primer Part 2: Resources for BeginnersCSS Navigation ShowcaseThe ultimate CSS Cheat Sheet (pdf or png)CSS PositioningCSS Liquid Examples and tutorial for liquid layouts
Box Float HackCSS GridsIE CSS HacksThe Layout Reservoir Basic pre-made CSS layouts
CSS Layouts Pre-made CSS layouts, part 2
Stripped Down Style: Formatting content for CSSCSS Techniques Roundup - 20 CSS Tips & TricksCSS PLaY Lots and lots of fun stuff.
Centering a fixed width layoutCSS Dropdown menusAnother CSS Dropdown menuRounded Corners Without ImagesStar Rater with CSSCSS Uberlinks Image swap style links without the JavaScript
CSS Panic GuideA Guide to CSS Support in EmailStyling Form Fieldsets, Legends and Labels Also helps me remember that those form elements exist.
CSS Styling for Print and Other Media24 Ways to Impress You Friends 24 snazzy CSS tutorials by the gurus of web design.
53 CSS Techniques You Couldn't Live WithoutEssentials of CSS Hacking for IEText Sizing - Using ems in CSSCreating Bulletproof Graphic Link Buttons with CSSTop 71 CSS Menus, Navigation, and TabsFlexible Box with Custome CornersNew!
CSS Sitepoint Reference Guide All the basics, by topic.
JavaScript Tutorials & resources:JavaScript CityJava-Scripts.netJava Script KitCode FetchiPhoto Like Resizing with JavaScript10 Good Practices for Writing JavaScriptJavaScript Libraries RoundupMailto, email encoderHow to Subclass The JavaScrip Array ObjectDojo Tool Kit Free JavaScript/AJAX development tools
Fork JavaScript JS library
AJAX Tutorials & resources:Bubble Tool TipsAJAX LightboxMobile Web (cell phones, PDAs, etc.) Resources:Mobile Web Design Upcoming book by Cameron Moll
Putting 2.7 Billion Mobile Users in ContextWhy iPhone won't revolutionize the mobile web landscapeScripts & Tutorials:Code Grrl (home to many great PHP scripts, including PHPfanbase)
Matt's Script Archive (CGI scripts)
HotScripts.com (a little bit of everything)
Cute NewsCoppermine Photo GalleryCoppermine Themes and their
demosWeb Site Accessiblity:Colours and ContrastAdvertising: Serving Ads and Affiliate ProgramsOpen Ads Free, open source ad server program using MySQL
Google AdSenseYahoo! Publisher NetworkAmazon AssociatesAllPosters.com Affiliate ProgramArt.com AffliatesAssociatePrograms.com Tips, tricks and listings for online affiliate programs.
Text Link AdsHotlink Help:htaccess code generatorPreventing Image TheftTagboards:C BoxTag-Board.comMy Shoutbox (multilingual)
Free Graphics Programs (Photoshop and Illustrator type):Gimp (raster image program, simlar to Photoshop)
Inkscape (vector illustration program, similar to Illustrator)
Brushes & Textures:Hybrid GenesisVbrushTexturaPattern Bomb8nero BrushesMiss MPhotoshopBrushes.com (free for fun or buy for professional work)
Secret LoftVoid BrushesDubtastic Design LabsDarkwaif Phantasy GalleryImprintsTre-xtureMisprinted TypeThe Magic BoxTexture KingImage AfterBrusheezy.com Many also sutible for print projects.
PS BrushesAbsolute Background TexturesFree or Cheap Icons:CrawlspacemediaFamFamFamStock Photography: Free or Cheap SitesWhere to find free images A list of great sites
PhotoCaseGraphics Tutorials:Good Tutorials.com (great stuff and a ton of it; for Photoshop)
Sketch Pad (great beginner tutorials for multiple programs)
Pixel2Life (tutorials for every graphics and web programs under the sun...well, at least the one's worth having)
Lunacore Great tutorials for editing faces in a non-destructive manner.
Emoticon TutorialPSDTuts.comFlash Tutorials & resources:Flash KitAction Script Toolbox (a great guide to the language of Flash: actionscripting)
Flash Content and Z-IndexFlash Object Embedded Flash with minimal coding
Free Fonts & Typography:1001 FontsDaFontFont FreakLarabie FontsCool Archive (free fonts, clip art, sounds, etc.)
20 Best License Free Official Fonts25 Best License Free Pixel FontsWeb TypographySearch Engine Optimization:Google Webmaster GuidleinesDraw Attention to Your Site Through Search Engine OptimizationSearch Engine Relationship Chart Know where to submit your site first.
Robots.txt generator Prevent search engines from crawing certain directories in your site
UrlTrends Website Optimization Reports, Search Engine Ranking Trends and Online Competitive Research
Site Score Rates how well designed, popular, and accessable your site is
SEO for the Big Three Google, Yahoo!, and MSN
SEO Tools Free tools to help you analyze and optimize your site
New!
Search Engine BlogCopyright Info & ResourcesCopyscape Search the web for people copying your site's content.
Browsers (does your site work in all of them?):FirefoxInternet ExplorerOperaA list of every browser everYahoo! Graded Browser SupportRunning Mulitple Version of IE - How toNew!
Installing Multiple Verions of IE - Now includes IE7Browser ArchiveComputer Help:Ars TechnicaGood Articles:Developing sites for users with Cognitive disabilities and learning difficultiesCSS TypographyBiggest Web Development MistakesVariable Fixed Width LayoutsPreparing for Widescreen4 Modes of seeking info and how to design for themStudy on Use of Site BreadcrumbsElements of Style7 Habits of a Highly Successful In-House Web Designer15 Important Web Research Findings You Should KnowJust For Fun:Brilliant Button MakerFavIcon Maker Resizes pics to make a favicon for your site
Buttonator Make buttons on the fly.