Final Project Discussion and Resume Wrapup
Project Concept Discussion Site Prototyping Tools
Category Archives: Mobile Web Spring 2023
Site Prototyping and Final Project Overview
Resume Wrapup – Desktop Breakpoint Site Prototyping Tools Final Project Requirements
Tablet View Lab
Complete Guide to Flexbox Refactoring the Resume using Flexbox
Tablet View – Resume
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
Resume Design – Mobile View
Debrief CSS Grid Implementation of the Fluid Grid Assignment Microdata Resume Demo Codecast Begin working on your mobile-first prototype. We will continue to work on it in class on Thursday but it should be close to completion by the end of the week.
CSS Grid and Resume Design and Discovery
Introduction to CSS Grid Grid by Example In Class Coding Activity Clone (Make a copy) your responsive grid assignment from last week. Rename the copied directory css-grid-exercise-1 Add a link to your course homepage Using CSS Grid, Rebuild your fluid grid. Once completed begin research on a web based resumes and visually characteristics you’d like […]
Mobile First Design and Introduction to Schema
Mobile-First Approach Codecast Microdata Overview Schema vs. JSON-LD https://jsonld.com/ JSON Resume Structured Data Markup Helper
Introduction to Media Queries
Technical Specifications Explanation | Guide Codecast | Live View Viewport Metatag | Reference BreakPoint Reference by Device Demo Adding Media queries to our Fluid Grid
Fluid Grids
The Flexible Grid Codecast Converting Static Grids to Responsive Grids The Future of the Grid CSS Grid Spec Explained