magnolia photo
 

“People who love ideas must have a love of words, and that means, given a chance, they take a vivid interest in the clothes which words wear.”

Beatrice Warde


 
 


GrC 339 - Web Design and Production

GrC 339 Class Web Site

Textbook for Fall 2009: Build Your Own Web Site The Right Way Using HTML & CSS, 2nd Edition, by Ian Lloyd

Suggested Reading:
HTML, XHTML & CSS Visual Quickstart Guide, 6th Edition by Elizabeth Castro, Peachpit Press, 2007
Stylin’ with CSS, A Designers Guide, 2nd Edition by Charles Wyke-Smith, New Riders, 2008
Don’t Make Me Think, A Common Sense Approach to Web Usability, 2nd Edition by Steve Krug, New Riders, 2006
Bulletproof Web Design, 2nd Edition by Dan Cederholm, New Riders, 2008

Resources and Files

Client Sign-off sample (pdf)

Creative Briefs:
Client Logo/Branding (pdf)
Client Web Site (pdf)

Install two tools for Firefox: Web Developer Toolbar and Firebug

Using Firebug for CSS from kristarella on Vimeo

 

CSS Layouts (10/16 lecture)

Lecture: Positioning (10/14 lecture)

More information on Floating and Clearing (10/14 lecture)

Graphic Formats and Transparency (10/7 lecture)

CSS Inheritance: Friday October 9 Lecture (furlough day)

 

Line Height Slideshow: Friday October 9 Lecture (furlough day)

Box Model Lecture

CD Templates

Helpful Links

Fast Rollovers Without Preload
H ow to use one image as a background image for your rollovers

Creating a Successful Online Portfolio – Smashing Magazine

Jeffery Veen –Five steps to a better design portfolio

Design Meltdown (a great list of inspriation)

Adobe Browser Lab

9 Essential Principles for Good Web Design

10 Principles of Effective Web Design

CSS Selector Guide

Favicon Gallery (favicon maker)

Netrender - IE NetRenderer allows you to check how a website is rendered by Internet Explorer 7, 6 or 5.5

Stylin' with CSS textbook site

Stylin' CSS Menu

Blue Vertigo (lots of links)

kuler (cool online color theme picker)

Web Type Tester - Compare fonts for the screen

New Technology in Web Typography

15 Excellent Examples of Web Typography

A List Apart

Web Artists Consortium

CSS Tutorial

CSS Zen Garden

CSS MaxDesign

Glish.com

westciv

Article and discussion on typography and the web

Article and discussion on print design vs. web design

More reading on web typography...

The Noodle Incident (Text Sizing)

Complex Spiral (Containing Floats)

Sitepoint Blogs (Simple Clearing of Floats)

Position is Everything (IE Doubled Float Margin bug fix)

The Counter.com (global stats on browsers and OS)

 

Hosting Companies

cleverdot.com

1and1.com

totalchoicehosting.com

 

more links on my Links page