Introduction to Bootstrap
Introduction to Bootstrap Codecast Quick Start Grid Components
Author Archives: thomas.wallace@gmail.com
Image Manipulation
Removing the Background from an Image Sample file Tutorial Exporting Files Other Tools
Meeting Schedule
12:45 – Meeting 1 – The Destination 1:05 – Meeting 2 – Code Craftsmen 1:25 – Meeting 3 – The Byte of 87 1:45 – Meeting 4 – Byte Club
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
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