Introduction to CSS Grid
Introduction to CSS Grid Grid by Example Learn CSS Grid CSS Grid Garden Lab Prep Set up a directory structure for the positioning lab. | Starter HTML
Author Archives: thomas.wallace@gmail.com
Interviewing Clients
Site Planning and Interviewing Clients Sitemap Tools Gliffy Slickplan Prototyping Tools Mockflow (free) Wireframe.cc Moqups proto.io Codiqua Framebox Figma
Tablet View – Resume
Creating media queries for your first breakpoint Codecast CSS Grid – Grid Areas Introduction to Flexbox
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.