Introduction to HTML5
Codecast Marking Up Lists Text Level Semantics Special Character Encoding: Details | Reference Block vs. Inline Elements Hyperlinks Inserting Images Tables Forms
Author Archives: thomas.wallace@gmail.com
Image Manipulation and Optimization
Group Activity Debrief | Codecast Image Editing Tools Vector vs Raster Images | 1 | 2 Tools Overview Adobe Creative Suite – Paid Subscription Adobe Illustrator – Vector Editor Adobe Photoshop – Raster Editor Pixlr Suite – Raster and Vector – Tutorials Photopea / Vectorpea
Grid Based Design
HTML5 Boilerplate A Comprehensive Introduction to Grids in Web Design An Introduction to Grids in Web design CSS Grid Review Grid by Example CSS Grid Specification
Introduction to HTML5
Codecast Marking Up Lists Text Level Semantics Special Character Encoding: Details | Reference Block vs. Inline Elements Hyperlinks Inserting Images Tables Forms
Positioning Lab Group Work
CSS Grid Lab Complete as many lab exercises as possible working with your team. Be prepared to explain a solution to your classmates on Tuesday.
Chrome Inspector and Introduction to Grid Based Design
Chrome Inspector Demos Clearing Bugs Clearfix Demo Dealing with Clearing Bugs A Comprehensive Introduction to Grids in Web Design An Introduction to Grids in Web design
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
CSS Positioning and CSS Grid
Positioning Overview CSS Grid Overview CSS Positioning | Demo | Demo Set up a directory structure for the positioning lab. | Starter HTML Positioning Lab | Demo Grid Lab
Semantic HTML Review
Publishing your work to Github Beginning the Transition to HTML5 | Codecast HTML5 – Obsolete and Redefined Elements HTML5 New Semantic Elements
Web Related Terminology
Understanding Web Related Terminology Browser Overview Structure, Content, Design, & Behavior Understanding how a web page works