TECHNICAL SUPPORT :
This section contains additional support materials and links.
Server Access:
Doctype Definitions:
- Understanding Doctypes
- DTD XTML Strict: default.html
- Other doctypes: HTML 4.01 and XHTML 1.0 and 1.1 Templates
Code and Character References:
- HTML Tag Reference
- CSS Property Reference
- HTML Source's: Special Character Reference
- ISO HTML Special Character Reference
- Unicode HTML Special Character Reference
The Basics:
- History of the Internet, As we remember it..
- Way Back Machine: Look at websites from way back in history
- How the Web Works
- Basic Rules and Syntax of HTML
- What is XHTML?
- Building site with Web Standards
- Basic Web Standards Workshop
- About Web Standards from the Web Standards Group and webstandards.org
- STRUCTURE vs. PRESENTATION
- Understanding the Document Tree
- Semantic Markup
- File naming
- Setting up a Site
- Creating a Mockup
- Slicing and Optimizing
- CSS overview | CSS Introduction
All the links you'll ever need in one long list:
Design Help and Inspiration:
- The Principles of Design
- CSS Beauty
- Style Gala
- The Weekly Standards
- Well-designed CSS sites-- AndyBudd
- A list of simple, well-designed sites
- cssvault
- Web Standards Awards
- mezzoblue related
- CSS Zen Garden | Link list for the book
- Let your web design breath
- Yale Web Style Manual
- Design and Seeing
Business of Web Design:
- Who am I?
- Client Surveys: Happy Cog Studio | Clear Left | Redesign Survey
- How to Create a Standardized Web Site Development Workflow
- Planning the project
- Web Development Work Flow | Planning the Project (PDF) | Work Flow (PDF)
- Web Development Life Cycle
- Web Development Process | Create Interactive
- Planning, running a web design business
- The business of web design
- Contracts: Basic Letter of Agreement | Web Design Contract
- Pricing your services
- How to set Fees
- How do you rate?
- Contract Employee's Handbook
- Freelancers.com Pricing Guidelines
- Graphic Artists Guild Handbook: Pricing & Ethical Guidelines
Creating Images for the Web:
- Creating a Mockup
- Slicing and Optimizing
- webmonkey
- htmlsource
- Adobe: Optimizing Images
- Adobe: Slicing Images
Color
- CSS Colors understanding color on the web
- Color Theory for the color blind and designing for those with different ways of seeing
- Colorblind web page filter --- cool!
- Color and Contrast
- Color blender great for finding a quick color scheme
- HYPE's Color Specifier
- Table of Non-dithering colors (by value)
- RGB to HEX converter
- HTML Named Colors
- Visbone Colorlab
- WebRef Color (good reference)
- Color Wheel
- Other Links
Typography on the WEB
Typography and Fonts (free for academic and personal use ONLY!!)
- Good Things Type
- Typography Help
- core.nu
- fontdiner.com
- fontor.com
- typedifferent.com
- phantompower.de
- iai-jp.net
- fontomas.com
- nicksfonts.com
- fontalicious.com
- cycle.free.fr/bonne/fonts.html
- fontshop.com
- fountain.nu
- designershigh.com
- typelife.com
Free Stock Photos
- Free Photos
- MORE Free photos (www.freephoto.com)
- Background Patterns
Tutorials and Reference
HTML Tutorials and Reference.
- htmldog HTML Tutorial
- sitepoint
- yourhtmlsource.com
- goer.org HTML Tutorial
- W3C HTML Reference
- Blooberry HTML Reference
- Rutger's HTML Tutorial
- w3cschools Tutorial
CSS Basics
- Selectorial (read and understand before you begin!)
- The Box Model Demo
- http://intensivstation.ch/css/en/8.php
- Simple Tutorials and CSS Definitions
- Good CSS definitions and explanations
- CSS from the ground up
- htmldog CSS Tutorial
- CSS 101
- Follow these guidelines to save you from a stressful night
- And these....
Dreamweaver
CSS Tutorials and Reference.
- Westciv Style Master Tutorial
- maxdesign
- cssvault.com
- Separating Content from Presentation
- CSS Basics
- Reference List
- Listutorial
- Real World Style
- Mimicking Magazine layouts with CSS
- How to structure your style sheet
- The CSS crib sheet
- Headings as Images - the Lindsay method
- Replace text headings with images
- Image-Rollovers using CSS
- 10 CSS tricks you may not know
- Dropdown menus
- CSS tabbed menus
- CSS menu gallery
- CSS table gallery
- Sliding Doors Technique for tabbed menus
- Scale Image Tutorial
Preparing Images for CSS:
Browser bugs: how to fix them or accept them
- Box Model Hack
- http://glish.com/css/hacks.asp
- http://digital-web.com/articles/keep_css_simple/
- http://centricle.com/ref/css/filters/
- http://www.quirksmode.org/index.html?/css/csshacks.html
- http://www.quirksmode.org/
- http://www.positioniseverything.net/explorer.html
- http://www.macedition.com/cb/ie5macbugs/index.html
- http://www.positioniseverything.net/ie-primer.html
- http://www.dezwozhere.com/links.html
CSS Layout and Positioning
- CSS Layout Tutorial
- Colored Boxes Tutorial
- Sample Page Layouts
- Glish: useful cross-browser CSS layout techniques
- Little Boxes
- Relatively Absolute: Layouts with CSS
- CSS Positioning links
- The Box Model - Positioning
- brainjar.com
- Floatutorial
- Floating Layouts
- Contained Floats
- How to Float your Thumbnails
- Floating Thumbnails for an Image Gallery
- Sliding Doors Technique
- Rounded Corners
- Site in an Hour
Tables are for data
- Standards Compliant TABLES: Beginner, Intermediate, Advanced
- CSS Tables
- Table Tutorial
- Table tree with HTML and CSS
Web Standards Reference
- http://www.mezzoblue.com/zengarden/resources/ (this links to everything)
- http://www.zeldman.com/
- http://www.alistapart.com/
- bad tags / outdated standards
Accesibility Reference
- Web Usability
- diveintoaccessibility.org
- Web Accessibility Initiative (WAI)
- http://www.gawds.org/
- http://www.accessify.com/default.asp
- Why is Accessibility important?
- 10 Reasons Clients Don't Care About Accessibility
- 7 Accessibility mistakes
Testing and Validation
Form Mail Scripts
JavaScript / DHTML / DOM
- Squidfingers
- Javascript Skin -- evolt.org
- Basic Javascript
- Javascript 101
- Javascript tutorial - tizag.com
- Multi-level menus
Useful Bookmarklets
Placeholder copy for websites
Readings on Web Design, Usability and Functionality
- Defining your DESIGN METHOD for building a web site.
- The balance between FORM and FUNCTION
- The Designer is Dead, Long Live the Designer
- The Design Spectrum
- The Sphere (or Circle or Arc) of Design
- Web Design Process