Cool Web Resources

NWCET put together some great Web Resources and they are listed below. Some of the links below you have seen in our web classes but here is a comprehensive list of Web resources, that will be very useful!

The National Workforce Center for Emerging Technologies (NWCET) is an NSF Advanced Technology Education Center in Information Technology located in Bellevue, Washington, http://www.nwcet.org/.

The following websites provide a full range of free instructional content on web design and related topics. Exploring these sites is a great way to extend your knowledge as you work on advanced web development. Enjoy!

Instruction/Tutorials


W3 Schools
HTML Dog
WDG Guide to HTML
sitepoint.com
Yale Web Style Guide
Web Page Design for Designers
CoolHomePages.com
PageResource.com
Colormatters.com
WebDesign at About.com (+web design tips)
Design Tips, Tutorials and Tricks (175+ links)
WebMonkey


CSS Resources

WDG Guide to Cascading Style Sheets
WDG List of CSS Properties
CSS Zen Garden
Web Design Group (WDG): Linking Style Sheets to HTML
Listamatic2 (sample stylized lists)
Alascreations CSS menus gallery


Technical Specifications

HTML 4.01 Specification
CSS 2 Specification
CSS2 Properties Index
XML 1.0 Specification
XHTML 1.0 Specification


Usability and Accessibility

Usability 101, by Jakob Nielsen
Jakob Nielsen: Ten Usability Heuristics
Designing a Web Site for Yale University Library
AskTOG: First Principles of Interaction Design
Web Pages That Suck
AccessIT - includes a searchable Knowledge Base of accessible technology questions and answers
AccessIT Accessible University Mock Site - example pages that demonstrate common web accessibility problems and solutions
Videos from DO-IT
WebAIM - articles and tutorials on all aspects of accessible web design
Color
Color Displays, from Web Style Guide
Browser-safe colors, from Web Style Guide
Dithering, from Web Style Guide
WebAIM on Color Blindness
Wellstyled Color Scheme Generator
VisiBone.com
VisiBone Color Chart
Visibone Webmaster's Color Lab
Colorjack.com

Graphics & Copyright

"Graphics and Accessibility," Yale University Web Style Guide, 2nd edition
What is copyright?
Cyberbee Interactive Copyright Questions and Answers
10 Big Myths about copyright explained
Stanford University Copyright and Fair Use Overview
United States Copyright Office - Copyright Basics
"Resolution," Web Style Guide, 2nd Edition
"Graphics and Network Bandwidth," Web Style Guide, 2nd Edition
sitepoint.com: GIF, JPG, and PNG - What's the difference?
Webmonkey: Optimizi$ Your Images
caddpower.com: Cropping Photos

Validators

W3C HTML Validator
W3C CSS Validator
Functional Accessibility Evaluator (FAE)
WAVE Web Accessibility Tool
AIS Web Accessibility Toolbar
Watchfire WebXACT (formerly "Bobby", the first tool of its kind)
Cynthia Says