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 Introduction to Bootstrap
Author Archives: thomas.wallace@gmail.com
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
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: Hannah Darden Figma
Positioning Lab
Positioning Overview CSS Positioning | Demo Set up a directory structure for the positioning lab. | Starter HTML Positioning Lab | Demo
Tablet View Lab
Complete Guide to Flexbox Refactoring the Resume using Flexbox Logical CSS Functions min(), max(), and clamp() are CSS magic!
Introduction to CSS Grid
Introduction to CSS Grid Grid by Example Learn CSS Grid CSS Grid Garden Lab Prep Set up a directory structure for the positioning lab. | Starter HTML
Interviewing Clients
Site Planning and Interviewing Clients Sitemap Tools Gliffy Slickplan Prototyping Tools Mockflow (free) Wireframe.cc Moqups proto.io Codiqua Framebox Figma