FADN303 Web Design
Roski School of Art and Design
University of Southern California Spring, 2017

Instructor: Joe Potts, Email: josephpo@usc.edu
Classroom: Harris Hall 112D
Class time: Friday, 2:00 p.m. - 4:50 p.m.
Office hours: Friday, 12:00 p.m. - 2:00 p.m. (by appointment)

Basic HTML Tags (Download HTML/CSS Files)

Linking HTML/CSS, Basic Page Navigation (Download HTML/CSS Files)

Other Basic Navigation Example (Download HTML/CSS Files)

DIVS, Display Property, and Classes (Download HTML/CSS Files)

Simple Div ID Layout (Download HTML/CSS Files)

Block-Level and Inline Elements (Download HTML/CSS Files)

Just Divs (Download HTML/CSS Files)

Simple Liquid Layout (Download HTML / CSS Files)

HTML5 Semantic Tags (Download HTML/CSS Files)

CSS Position Property (Download HTML/CSS Files)

CSS Float Property (Download HTML/CSS Files)

Peter Halley Laws of Rock (Download HTML/CSS Files)

Damien Hirst Lysergic Acid Diethylamide (LSD) (Download HTML/CSS Files)

Mark Rothko (Download HTML/CSS Files)

Single Page Scroll (Download HTML/CSS Files)

Single Page Scroll with Animated Nav (Download HTML/CSS Files)

jQuery Stellar Parallax (Download HTML/CSS Files)

UILANG demo as applied to this w3schools CSS3 transform property demo
(Download HTML/CSS Files)

CSS3 Transforms and Transitions (Download HTML/CSS Files)

Skrollr JavaScript Scroll Animation (Download HTML/CSS Files)

Bootstrap Demo (Download HTML/CSS Files)

jQuery Scroll Snapping (Download HTML/CSS Files)

CSS3 @media Rule Media Queries (Download HTML/CSS Files)

Navigation Drawer “Hamburger Menu” (Step-by-Step Instructions) (Download HTML/CSS Files)

jQuery Sticky Positioning (Step-by-Step Instructions) (Download HTML/CSS Files)

PHP/User Input Form Tags (Step-by-Step Instructions) (Download HTML/CSS Files)