Project Lab
Guide to Collaborative Codespaces
Author Archives: thomas.wallace@gmail.com
Introduction to Bootstrap
Introduction to Bootstrap Codecast Quick Start Grid Components
CSS Preprocessors and Variables
CSS Preprocessors CSS Custom Properties | Demo | Can I Use Nesting SCSS Basics and Documentation Codecast Mixins Libraries Introduction to Web Frameworks Front-end CSS Frameworks Bootstrap Tailwind
Image Manipulation and Optimization
Vector vs Raster Images | 1 | 2 Tools Overview Adobe Creative Suite – Paid Subscription Adobe Illustrator – Vector Editor Adobe Photoshop – Raster Editor Corel Vector – Web App | Install: Windows | Mac | Chromebook Workspace Overview Introductory Tutorials
Final Project Discussion and Resume Wrapup
Project Concept Discussion Site Prototyping Tools Media Query Free – Responsive Layout Breakout Grids Layout Breakouts with CSS
Positioning Lab Debrief
Review Positioning Exercises (Codecast) Image Editing Tools Vector vs Raster Images | 1 | 2 Tools Overview Adobe Creative Suite – Paid Subscription Adobe Illustrator – Vector Editor Adobe Photoshop – Raster Editor Corel Vector – (Formerly Gravit) – Introductory Tutorials Pixlr Suite – Raster and Vector – Tutorials
Site Prototyping and Final Project Overview
Resume Wrapup – Desktop Breakpoint Site Prototyping Tools Final Project Requirements
Introduction to Figma
Guest Speaker – Caitlin Romprey
Positioning Lab
Set up a directory structure for the positioning lab. | Starter HTML (Use this code) Positioning Lab | Demo
Interviewing Clients
Site Planning and Interviewing Clients Sitemap Tools Gliffy Slickplan Prototyping Tools Mockflow (free) Wireframe.cc Moqups proto.io Codiqua Framebox Figma