Å

Y Visit to Schoolyard (cancelled)

 Å

V Assignment 6: Make a Scandinavian flag with CSS

Outline

  1. The natural flow of a page
  2. Floats and Clear
  3. Absolute, Relative and Fixed Positioning
  4. Display reminder (block, inline, inline-block, none)
  5. Grids

Example files

  1. Floats in-class demo
  2. Positioning in-class demo

Links

4 Day 3 / Lessons    f       
 Å

V Assignment 5: Design a big download button

Outline

  1. Forms have come a long way with HTML5 and CSS3
  2. Some nice examples of contemporary forms
  3. Let’s code up a sample

Examples

  1. A bunch of form elements

Links

4 Day 3 / Lessons    f       
 Å

% Xinhe completed

 Å

% Sarah completed

 Å

V Assignment 4: Make a navigational menu

Outline

  1. Lists often used for navigation
  2. Examples of lists in action
  3. Pseudo classes
  4. Border instead of text-decoration
  5. Web Inspector

Example

  1. Example from class
  2. A list with several properties in it
  3. Submenu example

Links

4 Day 2 / Lessons    f