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
Author Archives: thomas.wallace@gmail.com
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)
Introduction to CSS
Codecast | Starter Code Creating and attaching a Stylesheet Color and Typography Understanding Color | Adobe Color 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 Media Queries
Technical Specifications Explanation | Guide Codecast | Live View Viewport Metatag | Reference BreakPoint Reference by Device Demo Adding Media queries to our Fluid Grid