Category Archives: Mobile Web Spring 2021

Final Project Discussion and Resume Wrapup

Project Concept Discussion Site Prototyping Tools

Site Prototyping and Final Project Overview

Resume Wrapup – Desktop Breakpoint Site Prototyping Tools Final Project Requirements

Flexbox Explored

Complete Guide to Flexbox Refactoring the Resume using Flexbox

Tablet View Resume

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

Resume (Mobile View) Lab

Codecast Learn CSS Grid Introduction to CSS Grid Grid by Example

Mobile First Resume Lab

Codecast Introduction to CSS Grid Grid by Example

Mobile First Design and Introduction to Schema

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

Introduction to Media Queries

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

Grid Based Design

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!

Fluid Grids

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