Individual Project Lab
Choose one of the two micro-site projects and submit url to me by February 20, 2019. Starter HTML SpaceX Dragon Micro-site Project Segway Centaur Micro-site Project
Author Archives: thomas.wallace@gmail.com
Fluid Grids
The Flexible Grid Converting Static Grids to Responsive Grids The Future of the Grid CSS Grid Spec Explained
Introduction to HTML5
Today’s Codecast Forms Sectioning an HTML Document using DIVs Sectioning using HTML5 Structural Elements Semantic and Structural Elements Obsolete and Redefined Elements What is Validation?
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 20, 2019. Starter HTML SpaceX Dragon Micro-site Project Segway Centaur Micro-site Project
Grid-based Design
Clearing Bugs Clearfix Demo Dealing with Clearing Bugs Grid-Based 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
Today’s Codecast Special Character Encoding: Details | Reference Hyperlinks Inserting Images Tables Forms Sectioning an HTML Document using DIVs Sectioning using HTML5 Structural Elements Semantic and Structural Elements Obsolete and Redefined Elements
Image Creation and Optimization
Building a banner image in Gravit Optimize and Export Image Replacement Techniques
Chrome Inspector Demos
Chrome Inspector Demos Putting it all together… HTML5 Boilerplate Mobile Boilerplate
Introduction to HTML5
Today’s Codecast Marking Up Lists Text Level Semantics Special Character Encoding: Details | Reference Block vs. Inline Elements Hyperlinks Inserting Images Tables Forms
Image Editing and Manipulation
Working with type in Gravit Attaching to a path Removing the Background from an Image Sample file Tutorial Exporting Files More Tips and Tricks