Chrome Inspector and HTML5 Boilerplate
Chrome Inspector Demos Putting it all together… HTML5 Boilerplate Mobile Boilerplate
Author Archives: thomas.wallace@gmail.com
Introduction to HTML5
Today’s Codecast | Sample Content Marking Up Lists Text Level Semantics Special Character Encoding: Details | Reference Block vs. Inline Elements Hyperlinks Inserting Images Tables Forms
Individual Web Project
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 13, 2020. Starter HTML SpaceX Dragon Micro-site Project Segway Centaur Micro-site Project
Web ARIA, Chrome Tools and more
Beginning the Transition to HTML5 | Codecast ARIA Roles Usage Guidlines 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 […]
Introduction to HTML5
Understanding how a web page works Setting up our work environment using Codepen | Today’s Codecast 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 Graphics and Site Integration
Building a banner image in Gravit Optimize and Export Image Replacement Techniques Teaching Repl
HTML5 Review
Setting up our work environment: Codepen | Documentation Beginning the Transition to HTML5 | Codecast Doctype, Meta and More… HTML5 – Obsolete and Redefined Elements HTML5 New Semantic Elements
Structure, Content, Design, and Behavior
Browser Overview Structure, Content, Design, & Behavior 300 Million Dollar Button How the Internet Works Understanding how a web page works Codecast
Image Editing
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
Pre-Assessment Lab
Today I will work through the pre-assessment in an in-class demo. Please use this opportunity to ask questions and receive clarification on specific concepts and ideas. Pre-Assessment