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 | 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
Project Feedback Session
Using the available time today meet with your partner and review and evaluate each others development work thus far and provide feedback using the techniques presented by Elizabeth.
CSS Grid and Resume Design and Discovery
Introduction to CSS Grid Grid by Example In Class Coding Activity Clone (Make a copy) your responsive grid assignment from last week. Rename the copied directory css-grid-exercise-1 Add a link to your course homepage Using CSS Grid, Rebuild your fluid grid. Once completed begin research on a web based resumes and visually characteristics you’d like […]