blah

April 18

stuffz

Pretty Photo
Lightbox 2
Adding a Favicon
Meta Tags

Icarus
Walker

April 11

Java / Jquery : Get Fancy

Pop-up Window
Image Rollover / Download files
Div Hide/Show
Horz/Vert Scrolling
Multi-Scrolling

Designing for Emotion

March 19

Web Fonts : @font-face & @import

Google Web Fonts
@font-face Property
Font Squirrel
Web Font Services
@font-face browser support

Download src file

RGBA Color and Transparency
CSS Rounded Corners

March 7

Layout > Build + more CSS Type

Sizing text w/ CSS

Taming Lists

PNG Transparency

Positioning

March 5

Backgrounds, Links, Lists

Tab images

February 26

CSS

block

CSS Zen Garden
Download Exercise Images zip
CSS Notes pdf

CSS Validator
HTML Validator

February 22

Basics

PDF Notes (save as)
HTML notes Linking, Images, Lists & Tables notes

XHTML Doctype: Goes at the top of the page

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

XHTML Namespace: Goes in the opening HTML tag

xmlns="http://www.w3.org/1999/xhtml"

Character Encoding: Goes in document head

<meta http-equiv="content-type" content="text/html; charset=utf-8" />

HTML Entities Special Characters

W3 Validator Validate/Troubleshoot your code

February 13

Layout

Photoshop etiquette Stay organized
Revised Font Stack Considered safe type
Font Squirrel Web fonts

February 8

Personality

Personality in Design

February 6

Site Planning & Sketching

We will look at ways of organizing content and beginning to create a visual direction for a site.

Paper Web Wireframes and Sketches

Vimeo Paper prototype

iPhone Paper prototype

visual.ly infographics

Goal Lists

Notes pdf

February 1

Directories & FTP

We will look at working with directories, servers and even make an uber basic HTML page. Also, we will begin our first website project.

Today’s notes

January 30

Site Mapping

Mapping assignment critique today.

Register for your VCU Ramsites web space
Click Obtain an account, then follow the prompts.

January 25

Site Mapping

map

Websites as graphs

Mapping Notes

Mapping assignment critique on 1/30

January 23

The lay of the land.

What works?

Lessons from Swiss design
yugop
Design Made In Germany #5
AIGA
Good
Vimeo
Kickstarter
Quipsologies
You Work For Them

January 18

Welcome

Web design is the creation of digital environments that facilitate and encourage human activity; reflect or adapt to individual voices and content; and change gracefully over time while always retaining their identity.

— Jeffrey Zeldman (alistapart.com)

VW Beetle Look at it in your browser, look at it on your phone.

Spring 2012 / Matt Klimas / 1509 W Main 003A / 1130 – 150 MW
Office hours by appointment / mattklimas (at) gmail (dot) com / GDES