Tablet View – Resume
Creating media queries for your first breakpoint Codecast CSS Grid – Grid Areas Introduction to Flexbox
Author Archives: thomas.wallace@gmail.com
Introduction to CSS
Codecast Styling Page Elements Aside Footer Additional Elements | Sample HTML Style Blockquotes SVG Backgrounds CSS Positioning Positioning Overview CSS Positioning | Demo Set up a directory structure for the positioning lab. | Starter HTML
Resume (Mobile View) Lab
Codecast Learn CSS Grid Introduction to CSS Grid Grid by Example Source Reordering with Grid Example of a How to Mark Up a Course using Schema/Microdata
Content Carousel Lab
Class Exercise Be sure to publish your work to GitHub and add a link to the demo we built to your course homepage. Example with Content
Introduction to CSS
Codecast Styling Page Elements Aside Footer Additional Elements | Sample HTML
Progressive Enhancement
Exploring the functionality of jQuery What is a CDN? Why use a CDN? Google CDN, CDNJS jQuery Tabs Case Study
Introduction to CSS
Codecast | Starter Code Creating and attaching a Stylesheet Styling Page Elements Page Body Google Fonts Background Header SVG Backgrounds Navigation Content Articles Aside Footer CSS Box Model – Description | Demonstration
Resume Design – Mobile View
Microdata Resume Demo Codecast CSS Custom Properties Begin working on your mobile-first prototype. We will continue to work on it in class on Thursday but it should be close to completion by the end of the week.
Mobile First Design and Introduction to Schema
Mobile-First Approach Codecast Microdata Overview Schema vs. JSON-LD https://jsonld.com/ JSON Resume Structured Data Markup Helper Structured Data General Guidelines
Contact Forms
Hosted Solution (Wufoo) Jotform Using Server-Side Technology PHP (Bluehost/cloud9)