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: 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.
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.
History. Basic concepts. Art. Color wheel. Color harmony. Color vision. The visible spectrum. How we see colors. Color blindness. Color models.RGB. CMY. Mind games. Psychological primary colors. Color symbolism. Perception. 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.
Our Toolkit: What WebSanity Uses
Development. Automation. Security. Writing. Amazon Web Services. Server. LAMP. NoSQL.