Category Archives: Mobile Web

Mobile First Designs – Show and Tell Creating media queries for your first breakpoint Sample Codecast using Grid Areas Introduction to Flexbox

Codecast Introduction to CSS Grid Grid by Example

Codecast Introduction to CSS Grid Grid by Example

Mobile-First Approach Codecast Microdata Overview Schema vs. JSON-LD

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

The Flexible Grid Converting Static Grids to Responsive Grids The Future of the Grid CSS Grid Spec Explained

HTML5 Boilerplate Wrap-up 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

Chrome Inspector Demos Putting it all together… HTML5 Boilerplate Mobile Boilerplate

Beginning the Transition to HTML5 | Codecast ARIA Roles Usage Guidlines 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 (Dev Tools for Beginners, CSS, Accessibility). Be prepared to demo a tip or […]

Setting up our work environment: Codepen | Documentation Beginning the Transition to HTML5 | Codecast Doctype, Meta and More… HTML5 – Obsolete and Redefined Elements HTML5 New Semantic Elements