Clearing Bugs Clearfix Demo Dealing with Clearing Bugs Grid-Based 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 Sample Content Marking Up Lists Text Level Semantics Special Character Encoding: Details | Reference Block vs. Inline Elements Hyperlinks Inserting Images Tables Forms
Today you should wrap up the planning/brainstorming for your class project and begin design work on your project.
Chrome Inspector Demos Putting it all together… HTML5 Boilerplate Q & A
Codecast Sample Content Marking Up Lists Text Level Semantics Special Character Encoding: Details | Reference Block vs. Inline Elements Hyperlinks Inserting Images Tables Forms
Finalizing your page template Duplicating pages for your site Individual Web Project Choose one of the two micro-site projects and submit url to me by February 16, 2021. Starter HTML SpaceX Dragon Micro-site Project Segway Centaur Micro-site Project
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 […]
Setting up our work environment using Codepen | Codecast Understanding how a web page works Other Code Editors What is HTML5? Doctypes & DTD’s – Document Type Definition Declaring a Language Type Exploring the <head> Title Attribute Meta Tags Sample Content
Building a banner image in Gravit Optimize and Export Image Replacement Techniques Codecast
Setting up our work environment: Codepen | Documentation Beginning the Transition to HTML5 | Codecast HTML5 – Obsolete and Redefined Elements HTML5 New Semantic Elements