Site Prototyping and Final Project Overview
Resume Wrapup – Desktop Breakpoint Site Prototyping Tools Final Project Requirements
Author Archives: thomas.wallace@gmail.com
CSS Positioning
Codecast | Source Style Blockquotes SVG Backgrounds CSS Positioning Positioning Overview CSS Positioning | Demo Set up a directory structure for the positioning lab. | Starter HTML
Tablet View Lab
Complete Guide to Flexbox Refactoring the Resume using Flexbox
Introduction to CSS
Codecast | Source Header SVG Backgrounds Additional Elements | Sample HTML
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 | Source Header SVG Backgrounds Navigation Content Articles Aside Footer CSS Box Model – Description | Demonstration Additional Elements | Sample HTML Positioning Overview CSS Positioning
Resume (Mobile View) Lab
Codecast Learn CSS Grid Introduction to CSS Grid Grid by Example
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 | Source Styling Page Elements Page Body Google Fonts Background Header SVG Backgrounds Navigation Content Articles Aside Footer CSS Box Model – Description | Demonstration Introduction to Flexbox Flexbox Froggy