Resources

Below is a list of helpful sites to get you create your site. They contain anything from the basics of HTML to some more advance stuff and some tools to aid you in the process. I tried not to include everything but instead the best sites I found and frequent for each subject.

All-in-One

• W3Schools -- A large number of free Web-building tutorials & resources including: XHTML, CSS, PHP, SQL, XML and much more.
• Max Design -- Presentations and Articles from a web and graphics design firm.
• HTML Dog -- A good practice guide to XHTML and CSS.
• WellStyled Workshop -- resource of useful CSS, (X)HTML, Javascript techniques and tricks.
• Jessett.com -- Creating a web site: step-by-step guide to web design.
• WebMonkey -- The web developer's resource.

Standards

• World Wide Web Consortium (W3C) -- The W3C develops interoperable technologies (specifications, guidelines, software, and tools) to lead the Web to its full potential.
• WebAIM -- Web Accessibility in Mind: The Web Accessibility "How-To" Site
  • Techniques & Concepts
  • Evaluating Web Site Accessibility
  • Section 508 Checklist
• Web Standards Checklist from Max Design -- A site built to web standards should adhere to standards (HTML, XHTML, XML, CSS, XSLT, DOM, MathML, SVG etc) and pursue best practices (valid code, accessible code, semantically correct code, user-friendly URLs etc).

Color

• Color Schemer -- With tools from Color Schemer, creating harmonious color schemes has never been easier! Instantly match colors, find harmonies, and learn about color theory all while building your own dazzling color schemes!
  • ColorPix -- neat little app that will let you grab the color values and screen coordinates at any pixel on your screen.
  • Gallery -- online community where Color Schemer users can share and manage color schemes.
  • Online -- Enter an RGB or HEX value to get a set of matching colors. You can even lighten and darken your scheme or pick colors from a websafe palette!
• [ws] Color Scheme Generator -- Generator of color schemes and palettes to create good-looking and well balanced and harmonic web pages.
• Vischeck -- Vischeck is a way of showing you what things look like to someone who is color blind.

CSS

• CSS Zen Garden -- A demonstration of what can be accomplished visually through CSS-based design.
• The Noodle Incident -- nifty CSS resources with lots of examples and resources.
  • CSS Panic Guide
  • CSS Boxes.
• glish.com -- CSS Layout Techniques site.

Validation

• W3C MarkUp Validation Service -- a free service that checks documents like HTML and XHTML for conformance to W3C Recommendations and other standards.
• W3C CSS Validation Service -- a free service that checks your style sheets for conformance to W3C Recommendations and other standards.
• W3C Link Checker -- Check the validity of the links on your site.
• WAVE 3.0 Accessibility Tool -- online tool that provides visual feedback to Web developers by inserting informative icons into the page at appropriate locations.
• Bobby -- this free service will allow you to test web pages and help expose and repair barriers to accessibility and encourage compliance with existing accessibility guidelines, such as Section 508 and the W3C's WCAG.
• HTML Tidy -- a free utility to fix HTML mistakes automatically and tidy up sloppy editing into nicely layed out markup. See also Tidy Online.

Firefox Extensions

• Get Firefox
• Web Developer Toolbar
• HTML Validator (based on Tidy)
• LinkChecker
• ColorZilla
• MeasureIt
• More Extensions

Scripting

• The JavaScripts Source -- Free JavaScripts, Tutorials, Example Code, Reference, Resources, And Help
• PHP Manual -- Online Manual for using PHP.
• SQLCourse -- Interactive Online SQL Training for Beginners
• SQLCourse2 -- Advanced Online SQL Training
• HotScripts.com -- Internet directory that compiles and disseminates Web programming-related resources geared toward webmasters and programmers who are looking to enhance their Web sites and intranets with dynamic development tools- scripts, books, and other resources

Media

• MediaBuilder Network -- A suite of image content websites and on-line graphics tools.
• Flash Kit -- A Flash Developer Resource Site
• Clip Art Center -- find tons of clipart
• Realm Graphics -- With tons of bullets, buttons, icons, lines and textures for fills and page backgrounds ... this is truly the One Stop Shop for web development images!
• Icon Archive -- collection of icon sets of over 10,000 high quality icons in gif & ico format.
• Fonts & Things -- a collection of the most unusual fonts online.
• The Font Pool -- Browse & aearch 18,777 categorised fonts, with customisable previews, for Windows and Macintosh.
• mysmilies.com -- huge archive of smilies of all shapes and sizes

Updated on: June 11, 2005