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
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?
Today you should wrap up the planning/brainstorming for your class project and begin design work on your project.
Codecast Marking Up Lists Text Level Semantics Special Character Encoding: Details | Reference Block vs. Inline Elements Hyperlinks Inserting Images Tables Forms
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 […]
HTML5 Boilerplate ARIA Roles Usage Guidelines Your assignment for the day is to review to content from the Chrome Dev Tools Documentation. At a minimum, I’d like you to be familiar with the content covered in the following sections (Dev Tools for Beginners, CSS, Accessibility). Be prepared to demo a tip or trick you learned […]
Codecast What is HTML5? Doctypes & DTD’s – Document Type Definition Declaring a Language Type Exploring the <head> Title Attribute Meta Tags Sample Content
Introduction to CSS Grid Grid by Example Basic Layout Example
Setting up our work environment: Codepen | Documentation Beginning the Transition to HTML5 | Codecast HTML5 – Obsolete and Redefined Elements HTML5 New Semantic Elements
Browser Overview Structure, Content, Design, & Behavior 300 Million Dollar Button How the Internet Works Understanding how a web page works Codecast