Author Archives: thomas.wallace@gmail.com

File Management and Introduction to CSS

Publishing your work to Github Naming Conventions, Meta Naming, Directory Structure Setting up your first project Introduction to CSS Adding style to your page: Type, Class, and ID Selectors Creating and attaching a Stylesheet

Contact Forms

Hosted Solution Using Server-Side Technology PHP (Bluehost/cloud9)

Fluid Grids

The Flexible Grid Codecast Converting Static Grids to Responsive Grids The Future of the Grid CSS Grid Spec Explained

Setting up our Work environment

Create a Github Account and verify your email address. Create a Repository using these instructions. Login to Gitpod.io with your Github credentials. Add the gitpod browser extension to your browser. Be sure to submit your github pages URL. Publishing your Work to GitHub Publishing your work to Github Naming Conventions, Meta Naming, Directory Structure Setting up your first project

Exploring Grid-based design

A Comprehensive Introduction to Grids in Web Design What is it? | Why Use it? | Resources Generate a Grid Class Example (960 / 10 Col) Grid Tile (For Visual Reference) Column Dimension Reference (Pixel Reference) Codecast

Introduction to HTML5

Codecast Sectioning an HTML Document using DIVs Sectioning using HTML5 Structural Elements Semantic and Structural Elements Obsolete and Redefined Elements What is Validation?

Individual Project Q&A

Continue working on the Individual Web Project. You should use your class time to ask questions and troubleshoot issues with your classmates.

Chrome Inspector and HTML5 Boilerplate

Chrome Inspector Demos Clearing Bugs Clearfix Demo Dealing with Clearing Bugs Grid-Based Design A Comprehensive Introduction to Grids in Web Design What is it? | Why Use it? | Resources Generate a Grid Class Example (960 / 10 Col) Grid Tile (For Visual Reference) Column Dimension Reference (Pixel Reference) Codecast

Introduction to HTML5

Codecast Inserting Images Tables Forms Sectioning an HTML Document using DIVs Sectioning using HTML5 Structural Elements Semantic and Structural Elements Obsolete and Redefined Elements What is Validation?

Individual Web Project Lab

Today you should wrap up the planning/brainstorming for your class project and begin design work on your project.