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 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 of you […]
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
Positioning Lab Group Work
Complete as many lab exercises as possible working with your team. Be prepared to explain a solution to your classmates on Tuesday.
Web ARIA, Chrome Tools and more
HTML5 Boilerplate https://htmlboilerplates.com/ Download 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 exercise […]
Structure, Content, Design, Behavior
Understanding Web Related Terminology Browser Overview Structure, Content, Design, & Behavior 300 Million Dollar Button Codecast | Set up Codepen.io Understanding how a web page works
CSS Positioning
Positioning Overview CSS Grid Overview CSS Positioning | Demo Set up a directory structure for the positioning lab. | Starter HTML Positioning Lab | Demo
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 Weekly Lab Session Be sure to add to your calendar and attend when you need assistance. These are not mandatory. Weekly Lab Class Fridays 9:30 – 10:30am Video call link: https://meet.google.com/feg-bdcu-eur