Author Archives: thomas.wallace@gmail.com

Intro to CSS

Codecast | Source Styling Page Elements Header SVG Backgrounds Navigation Content Articles Aside Footer CSS Box Model – Description | Demonstration

Building an Accessible Content Carousel

Class Exercise Be sure to publish your work to GitHub and add a link to the demo we built to your course homepage

Resume (Mobile View) Lab

Codecast Learn CSS Grid Introduction to CSS Grid Grid by Example

Introduction to CSS

Codecast | Source Styling Page Elements Header SVG Backgrounds Navigation Content Articles Aside Footer CSS Box Model – Description | Demonstration

Progressive Enhancement

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

CSS Grid Explained

Codecast Introduction to CSS Grid Grid by Example

Introduction to CSS

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

Introduction to Grid

Please read the following guide to the basics of the CSS Grid Specification. There is a lot to learn so I’d spend all of class today becoming familiar with the material. The second link is a wonderful resource with Codepen examples of many of the new properties and features for you to experiment with. Click […]

JavaScript Libraries and Manipulating the Document Object Model (DOM)

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

Mobile First Design and Introduction to Schema

Mobile-First Approach Codecast Microdata Overview Schema vs. JSON-LD ASSIGNMENT Using the source code in the following pen – Microdata Resume Starter, do the following. Create a new project directory in your workspace named resume. Using HTML5 Boilerplate as your starting point, add the html and css from codepen to the appropriate locations in your files. Make sure add […]