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
Continue working on the Individual Web Project. You should use your class time to ask questions and troubleshoot issues with your classmates.
Today I’d like you to continue to explore CSS Grid by reviewing the layout patterns and code samples at https://gridbyexample.com/examples. In preparation for next weeks discussion of Media Queries please read the following article: https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Media_queries
Quiz Homework Q & A Adding style to your page: Type, Class, and ID Selectors Creating and attaching a Stylesheet Setting up our work environment
Introduction to CSS Grid Grid by Example Classroom Example In Class Coding Activity Clone (Make a copy) your responsive grid assignment from last week. Rename the copied directory css-grid-exercise-1 Add a link to your course homepage Using CSS Grid, Rebuild your fluid grid.
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 […]
Today you should wrap up the planning/brainstorming for your class project and begin design work on your project.
The Flexible Grid Codecast Converting Static Grids to Responsive Grids CSS Grid CSS Grid Spec Explained Grid by Example
Exploring the functionality of jQuery What is a CDN? Why use a CDN? Google CDN, CDNJS jQuery Tabs Case Study
Codecast Forms Sectioning an HTML Document using DIVs Sectioning using HTML5 Structural Elements Semantic and Structural Elements Obsolete and Redefined Elements What is Validation? Create a Repository using these instructions. Be sure to submit your github pages URL.