Author Archives: thomas.wallace@gmail.com

Web ARIA, Chrome Tools and more

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 […]

Introduction to HTML5

Codecast What is HTML5? Doctypes & DTD’s – Document Type Definition Declaring a Language Type Exploring the <head> Title Attribute Meta Tags Sample Content

CSS Grid Overview

Introduction to CSS Grid Grid by Example Basic Layout Example

HTML5 Review

Setting up our work environment: Codepen | Documentation Beginning the Transition to HTML5 | Codecast HTML5 – Obsolete and Redefined Elements HTML5 New Semantic Elements

Structure, Content, Design, Behavior

Browser Overview Structure, Content, Design, & Behavior 300 Million Dollar Button How the Internet Works Understanding how a web page works Codecast

Image Editing and Optimization

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 Additional Tutorials and Videos

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

Web Related Terminology

Discussion Understanding Web Related Terminology Browser Overview How the Internet Works Understanding how a web page works

CSS Review and Image Manipulation

CSS Practice Additional Elements | Sample HTML Gravit Designer – Web App | Install: Windows | Mac | Chromebook Introduction to Gravit Workspace Overview Introductory Tutorials Working with type in Gravit Attaching to a path Exporting Files More Tips and Tricks Additional Tutorials and Videos

Skills Pre-Assessment

Setting up our Directory Structure Pre-Assessment Pre-Assessment