Category Archives: Mobile Web

Rapid Prototyping with Bootstrap

Using the visual prototype/wireframe you created for your final project, create a low-fidelity prototype of your homepage concept using Bootstrap. This should be built in your work environment and added to the workspace landing page you created earlier this semester.

Introduction to Bootstrap

Introduction to Bootstrap Codecast Quick Start Grid Components  

CSS Preprocessors and Variables

CSS Preprocessors CSS Custom Properties | Demo | Can I Use SCSS Basics and Documentation Codecast Mixins Libraries Introduction to Web Frameworks Front-end CSS Frameworks Introduction to Bootstrap

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

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 […]