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)
Author Archives: thomas.wallace@gmail.com
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
Peer Feedback Session
Working in pairs or triads, please review each of your templates and provide feedback using the strategies present in the course.