Introduction to CSS
Codecast | Source Header SVG Backgrounds Additional Elements | Sample 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 | 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
Progressive Enhancement
Exploring the functionality of jQuery What is a CDN? Why use a CDN? Google CDN, CDNJS jQuery Tabs Case Study
Resume Design – Mobile View
Debrief CSS Grid Implementation of the Fluid Grid Assignment Microdata Resume Demo Codecast 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.
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