Course Evaluations 3650 Team Preferences Survey Additional Learning Resources Advanced HTML & CSS Web Typography Handbook HTML/CSS Micro project Challenges More HTML/CSS Exercises Best Practices and Tutorials Learn Flexbox (New CSS Layout Spec) Flexbox Froggy CSS Grids CSS Grid Garden
Positioning Overview CSS Positioning | Demo Set up a directory structure for the positioning lab. | Starter HTML Positioning Lab | Demo
Styling Page Elements Page Body Google Fonts Background Header SVG Backgrounds Navigation Content Articles Aside Footer CSS Box Model – Description | Demonstration Positioning Overview CSS Positioning Introduction to Flexbox Flexbox Froggy
Codecast | Source 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 Positioning Overview CSS Positioning Introduction to Flexbox Flexbox Froggy
Codecast | Source 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 Positioning Overview CSS Positioning Introduction to Flexbox Flexbox Froggy
Codecast | Source 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 Positioning Overview CSS Positioning Introduction to Flexbox Flexbox Froggy
For the first half of today’s sessions please join us in the EIT Auditorium to attend the ITEC 4610 Capstone Presentations. At the end of each presentation, I encourage you to ask questions of the teams. After the presentations please return to 219 for a debrief and assignment review session
Adding style to your page: Type, Class, and ID Selectors Creating and attaching a Stylesheet Codecast | Source 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 Positioning Overview CSS Positioning Introduction to Flexbox Flexbox Froggy
Homework Q&A Adding style to your page: Type, Class, and ID Selectors Creating and attaching a Stylesheet Codecast | Source Color and Typography Understanding Color | Kuler Write down your Color Codes
Publishing your work to Github Naming Conventions, Meta Naming, Directory Structure Setting up your first project