Author Archives: thomas.wallace@gmail.com

Positioning Lab Debrief

Review Positioning Exercises (Codecast) Introduction to CSS Grid Introduction to CSS Grid Grid by Example

Positioning Lab

Positioning Lab | Demo

Introduction to HTML5

Codecast Understanding HTML Headings Marking Up Lists Text Level Semantics Special Character Encoding: Details | Reference Block vs. Inline Elements Hyperlinks Inserting Images Tables Forms

Positioning Lab

Positioning Lab | Demo

CSS Demo Wrap Up

Codecast | Source Positioning Overview CSS Positioning | Demo Set up a directory structure and links for the positioning lab. | Starter HTML (Use this code)

Introduction to HTML5

Codecast Understanding HTML Headings Marking Up Lists Text Level Semantics Special Character Encoding: Details | Reference Block vs. Inline Elements Hyperlinks Inserting Images Tables Forms

CSS Demo Wrap Up

Codecast | Source Positioning Overview CSS Positioning | Demo Set up a directory structure and links for the positioning lab. | Starter HTML (Use this code)

Out of Class Activity – CSS Demo

Codecast | Source Spend today’s session experimenting styling the content we added on Thursday. At a minimum I’d  like you to try to write selectors for the table elements and and the different kinds of lists. We’ll debrief on Thursday.

Intro to CSS

Codecast | Source Styling Page Elements Header SVG Backgrounds Content Articles Aside Footer Introduction to Flexbox Additional Elements | Sample HTML

Introduction to HTML5

Create a Repository using these instructions. Publishing your work to Github Naming Conventions, Meta Naming, Directory Structure Codecast Understanding HTML Headings Marking Up Lists Text Level Semantics Special Character Encoding: Details | Reference Block vs. Inline Elements Hyperlinks Inserting Images Tables Forms