Category Archives: Mobile Web Spring 2022

Project Concept Discussion Site Prototyping Tools

Resume Wrapup – Desktop Breakpoint Site Prototyping Tools Final Project Requirements

Complete Guide to Flexbox Refactoring the Resume using Flexbox

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

Please read the following guide to the basics of the CSS Grid Specification. There is a lot to learn so I’d spend all of class today becoming familiar with the material. The second link is a wonderful resource with Codepen examples of many of the new properties and features for you to experiment with. Click […]

Mobile-First Approach Codecast Microdata Overview Schema vs. JSON-LD ASSIGNMENT Using the source code in the following pen – Microdata Resume Starter, do the following. Create a new project directory in your workspace named resume. Using HTML5 Boilerplate as your starting point, add the html and css from codepen to the appropriate locations in your files. Make sure add […]

Technical Specifications Explanation | Guide Codecast | Live View Viewport Metatag | Reference BreakPoint Reference by Device Demo Adding Media queries to our Fluid Grid

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