Fluid Grids
The Flexible Grid Codecast Converting Static Grids to Responsive Grids The Future of the Grid CSS Grid Spec Explained
Author Archives: thomas.wallace@gmail.com
Setting up our Work environment
Create a Github Account and verify your email address. Create a Repository using these instructions. Login to Gitpod.io with your Github credentials. Add the gitpod browser extension to your browser. Be sure to submit your github pages URL. Publishing your Work to GitHub Publishing your work to Github Naming Conventions, Meta Naming, Directory Structure Setting up your first project
Exploring Grid-based design
A Comprehensive Introduction to Grids in Web Design What is it? | Why Use it? | Resources Generate a Grid Class Example (960 / 10 Col) Grid Tile (For Visual Reference) Column Dimension Reference (Pixel Reference) Codecast
Introduction to HTML5
Codecast Sectioning an HTML Document using DIVs Sectioning using HTML5 Structural Elements Semantic and Structural Elements Obsolete and Redefined Elements What is Validation?
Individual Project Q&A
Continue working on the Individual Web Project. You should use your class time to ask questions and troubleshoot issues with your classmates.
Chrome Inspector and HTML5 Boilerplate
Chrome Inspector Demos Clearing Bugs Clearfix Demo Dealing with Clearing Bugs Grid-Based Design A Comprehensive Introduction to Grids in Web Design What is it? | Why Use it? | Resources Generate a Grid Class Example (960 / 10 Col) Grid Tile (For Visual Reference) Column Dimension Reference (Pixel Reference) Codecast
Introduction to HTML5
Codecast Inserting Images Tables Forms Sectioning an HTML Document using DIVs Sectioning using HTML5 Structural Elements Semantic and Structural Elements Obsolete and Redefined Elements What is Validation?
Individual Web Project Lab
Today you should wrap up the planning/brainstorming for your class project and begin design work on your project.
Introduction to HTML5
Codecast Marking Up Lists Text Level Semantics Special Character Encoding: Details | Reference Block vs. Inline Elements Hyperlinks Inserting Images Tables Forms
Individual Web Project
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 […]