Category Archives: Mobile Web Spring 2026

Codecast Begin working on your mobile-first prototype. Over the weekend you should work to have your mobile first view of your project complete by Tuesday of next week. CSS Custom Properties Guide Demo Additional Information

Mobile-First Approach Codecast Media Queries vs Container Queries Microdata Overview Schema vs. JSON-LD https://jsonld.com/ JSON Resume Structured Data Markup Helper Structured Data General Guidelines

Please Check your Email – Delayed Lecture this morning! Mobile-First Approach Codecast Media Queries vs Container Queries Microdata Overview Schema vs. JSON-LD https://jsonld.com/ JSON Resume Structured Data Markup Helper Structured Data General Guidelines

Technical Specifications Explanation | Guide Codecast | Live View Viewport Metatag | Reference BreakPoint Reference by Device

Today we will build out some common page layout patterns using the CSS grid specification we have been learning. CSS Grid Lab | Codecast

Class Exercise Debrief Introduction to CSS Grid Grid by Example Classroom Example ( Float Based ) Conversion to grid demo In Class Coding Activity Clone (Make a copy) your HTML5 Semantics project from last week. Rename the copied directory css-grid-exercise-1 Add a link to your course homepage Using CSS Grid, Build a page layout using your own […]

Weekly Lab Class Fridays 9:00 – 10:00am Video call link: https://meet.google.com/feg-bdcu-eur What is it? | Why Use it? | Resources Generate a Grid Fluid Grids Class Example (960 / 10 Col) Grid Tile (For Visual Reference) Column Dimension Reference (Pixel Reference) Codecast

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

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

Publishing your work to Github Beginning the Transition to HTML5 | Codecast HTML5 – Obsolete and Redefined Elements HTML5 New Semantic Elements