Category Archives: Mobile Web

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

Codecast Learn CSS Grid 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 | Guide Codecast | Live View Viewport Metatag | Reference BreakPoint Reference by Device

Please spend today’s scheduled class time completing your implementation of a grid-based layout. Post the project to Github. I’d also like you to give a thorough read of the following article – https://css-tricks.com/snippets/css/complete-guide-grid/ Next week, we will begin a new project. Be sure you are caught up with all of your work Stay Warm!

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

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 Q & A  

HTML5 Boilerplate 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 (Dev Tools for Beginners, CSS, Accessibility). Be prepared to demo a tip or trick you learned […]