Author Archives: thomas.wallace@gmail.com

Mobile First Design

Please Check your Email – Delayed Lecture this morning! Mobile-First Approach Codecast Media Queries vs Container Queries Microdata Overview Schema vs. JSON-LD https://jsonld.com/ JSON Resume Structured Data Markup Helper Structured Data General Guidelines

Introduction to CSS

Adding style to your page: Type, Class, and ID Selectors Creating and attaching a Stylesheet Codecast | Source Color and Typography Take note of your Color Codes

Project Template Lab

Today We will spend our classroom time finishing up our page template in preparation for the peer feedback exercise on Thursday

Introduction to Media Queries

Technical Specifications Explanation | Guide Codecast | Live View Viewport Metatag | Reference BreakPoint Reference by Device

HTML Knowledge Check

Take Quiz in Blackboard Review Github Setup and Usage What is Validation? Set Up Assessment Workspace

Progressive Enhancement

Review Project Progress Exploring the functionality of jQuery What is a CDN? Why use a CDN? Google CDN, CDNJS jQuery Tabs Case Study

CSS Grid Lab

Today we will build out some common page layout patterns using the CSS grid specification we have been learning. CSS Grid Lab | Codecast

Introduction to HTML5

Codecast Sectioning using HTML5 Structural Elements Semantic and Structural Elements Obsolete and Redefined Elements What is Validation? Create a Repository using these instructions. Publishing your work to Github Be sure to submit your github pages URL.

Individual Web Project Lab

Project Q & A Review Topics and Ideas

CSS Grid

Class Exercise Debrief Introduction to CSS Grid Grid by Example Classroom Example ( Float Based ) Conversion to grid demo In Class Coding Activity Clone (Make a copy) your HTML5 Semantics project from last week. Rename the copied directory css-grid-exercise-1 Add a link to your course homepage Using CSS Grid, Build a page layout using your own […]