On this page…
Note that all the presentations on this page are available under a Creative Commons Attribution-ShareAlike 3.0 Unported License. You can use these slides in many ways, provided you follow the terms of the license.
Scott & Jans: An Intro
Scott. Jans. Lovecraft. An outline.
Design Patterns
Design patterns: what they are & why they’re useful. From architecture to computer science to Web development.
Design Theory: The Vitruvian Triad
How do you judge the quality of a website? Firmness, Commodity, & Delight. Some very bad websites.
Design Principles
Principles of Design. Balance, Unity, Emphasis.
The Design Process
Roles. Discover, Design, Develop, Deploy.
Design Structure: Design Patterns in Action
Content precedes design. Information architecture. Grids. Layouts. Website components (lots of them!).
Multimedia: Images, Audio, Video
Formats. Raster & vector. Animation. HTML5 elements for audio & video. Free & inexpensive sources for images, audio, & video.
Color
History. Basic terminology. Art. Color wheel. Color harmony. Modern color reproduction. RGB. CMY. Perceiving color. The visible spectrum. How we see colors. Theory. Biology. Color blindness. Mind games. Psychological primary colors. Color symbolism. Illusion. Motion. Perspective. Color constancy. Peripheral. Color comparison. Afterimage. Tools.
CSS Typography: Fonts & Formatting
Types. Measure. Leading. Scale. Operating system defaults. Web browser defaults. Core Fonts for the Web. ClearType Font Collection. Font properties. Font stacks. Text properties. Line box properties. Multi-column layout. Generated content. Font formats. @font-face. Licensing.
Our Toolkit: What WebSanity Uses
Development. Automation. Security. Writing. Amazon Web Services. Server. LAMP. NoSQL.