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?
Author Archives: thomas.wallace@gmail.com
Positioning Lab Debreif
Solution Presentations Raster vs. Vector Graphics 1 | 2 | 3 Tools Overview Adobe Creative Suite – Paid Subscription Adobe Illustrator – Vector Editor Adobe Photoshop – Raster Editor Corel Vector – (Formerly Gravit) – Introductory Tutorials Pixlr Suite – Raster and Vector – Tutorials
Chrome Inspector and Introduction to Grid Principles
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 | Starter Content Text Level Semantics Special Character Encoding: Details | Reference Hyperlinks Inserting Images Tables Forms
Chrome Inspector and Grid Based Design Principles
During today’s scheduled class time I’d like you to continue review the Chrome Inspector toolset and select a feature to highlight/present to class on Tuesday. In preparation for next weeks sessions, please read the following articles and familiarize yourself with the grid-related terminology. Read: A Comprehensive Introduction to Grids in Web Design Read: An Introduction to […]
Introduction to HTML5
Codecast | Starter Content Marking Up Lists Text Level Semantics Special Character Encoding: Details | Reference Block vs. Inline Elements Hyperlinks Inserting Images Tables Forms
Image Creation and Manipulation
Raster vs. Vector Graphics 1 | 2 | 3 Tools Overview Adobe Creative Suite – Paid Subscription Adobe Illustrator – Vector Editor Adobe Photoshop – Raster Editor Corel Vector – (Formerly Gravit) – Introductory Tutorials Pixlr Suite – Raster and Vector – Tutorials In today’s session I would like you to make sure you are familiar with Image editing tools. Many […]
Web ARIA, Chrome Tools and more
HTML5 Boilerplate https://htmlboilerplates.com/ 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 (Overview, Elements, Accessibility). Be prepared to demo a tip or trick you learned from the […]
Introduction to HTML5
Codecast Understanding how a web page works What is HTML5? Doctypes & DTD’s – Document Type Definition Declaring a Language Type Exploring the <head> Title Attribute Meta Tags Sample Content
Collaborative Lab
Today we will partner up to discuss and share potential solutions to the lab problems presented in class on Tuesday.