Review Positioning Exercises (Codecast) Image Editing Tools Vector vs Raster Images | 1 | 2 Tools Overview Adobe Creative Suite – Paid Subscription Adobe Illustrator – Vector Editor Adobe Photoshop – Raster Editor Corel Vector – (Formerly Gravit) – Introductory Tutorials Pixlr Suite – Raster and Vector – Tutorials
Positioning Overview CSS Positioning | Demo Set up a directory structure for the positioning lab. | Starter HTML Positioning Lab | Demo
Introduction to CSS Grid Grid by Example Learn CSS Grid CSS Grid Garden Lab Prep Set up a directory structure for the positioning lab. | Starter HTML
Codecast Styling Page Elements Aside Footer Additional Elements | Sample HTML Style Blockquotes SVG Backgrounds CSS Positioning Positioning Overview CSS Positioning | Demo Set up a directory structure for the positioning lab. | Starter HTML
Codecast Styling Page Elements Aside Footer Additional Elements | Sample HTML
Codecast | Starter Code Creating and attaching a Stylesheet Styling Page Elements Page Body Google Fonts Background Header SVG Backgrounds Navigation Content Articles Aside Footer CSS Box Model – Description | Demonstration
Codecast | Starter Code Creating and attaching a Stylesheet Color and Typography Understanding Color | Adobe Color 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
Codecast | Starter Code Creating and attaching a Stylesheet Color and Typography Understanding Color | Adobe Color 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
Quiz Homework Q & A Adding style to your page: Type, Class, and ID Selectors Creating and attaching a Stylesheet Setting up our work environment
Publishing your Work to GitHub Publishing your work to Github Naming Conventions, Meta Naming, Directory Structure Setting up your first project HTML5 Assessment Create and Validate a prototype HTML document that includes examples of all HTML elements covered thus far. For a list of requirements view this page. Use today’s session to work on and complete this […]