Tablet View Lab
Complete Guide to Flexbox Refactoring the Resume using Flexbox Logical CSS Functions min(), max(), and clamp() are CSS magic! Media Query Free – Responsive Layout
Author Archives: thomas.wallace@gmail.com
Introduction to CSS
Codecast | Source Positioning Overview CSS Positioning | Demo Set up a directory structure and links for the positioning lab. | Starter HTML (Use this code)
Tablet View – Resume
Creating media queries for your first breakpoint Codecast Introduction to Flexbox
Introduction to CSS
Codecast | Source Styling Page Elements Header SVG Backgrounds Additional Elements | Sample HTML
Contact Forms
Hosted Solution (Wufoo) Jotform Using and endpoint service Formspree Using Server-Side Technology PHP (Bluehost/cloud9)
Resume (Mobile View) Lab
Codecast Complete the styling of your mobile-first resume and post a link on your Github index page. Be prepared to begin working on your tablet view next week. We will do a bit of show and tell in class on Tuesday to see what you came up with. Good Luck
Introduction to CSS
Codecast | Source Styling Page Elements Page Body Google Fonts Background Header SVG Backgrounds Navigation Content Articles Aside Footer Additional Elements | Sample HTML
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
Mobile First Resume
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 Styling Page Elements Page Body Google Fonts Background Header SVG Backgrounds Navigation Content Articles Aside Footer