Author Archives: thomas.wallace@gmail.com

Introduction to CSS

Quiz Homework Q&A Codecast | Source Color and Typography Understanding Color | Kuler Write down your Color Codes Styling Page Elements Page Body Google Fonts Background Header SVG Backgrounds Navigation Content Articles Aside Footer CSS Box Model – Description | Demonstration

Project Feedback Session

Using the available time today meet with your partner and review and evaluate each others development work thus far and provide feedback using the techniques presented by Elizabeth.

Introduction to Media Queries

Technical Specifications Explanation | Guide Codecast | Live View Viewport Metatag | Reference BreakPoint Reference by Device Demo Adding Media queries to our Fluid Grid

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.