Debrief Grid Finalizing your page template Duplicating pages for your site Individual Web Project Choose one of the two micro-site projects or create your own and post the url to your GitHub me by February 17, 2022. Starter HTML (You do not have to use this, provided for reference) SpaceX Dragon Micro-site Project Segway Centaur […]
Introduction to CSS Grid Grid by Example Basic Layout Example
Gravit Designer – Web App | Install: Windows | Mac | Chromebook Workspace Overview Introductory Tutorials Working with type in Gravit Attaching to a path Removing the Background from an Image Sample file Tutorial Exporting Files More Tips and Tricks Additional Tutorials and Videos
CSS Practice Additional Elements | Sample HTML Gravit Designer – Web App | Install: Windows | Mac | Chromebook Introduction to Gravit Workspace Overview Introductory Tutorials Working with type in Gravit Attaching to a path Exporting Files More Tips and Tricks Additional Tutorials and Videos
Syllabus Review and Semester Overview Content Review from Fall Codecast HTML5 CSS Positioning Overview CSS Positioning Codecast
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