Image Manipulation
Removing the Background from an Image Sample file Tutorial Exporting Files Other Tools
Author Archives: thomas.wallace@gmail.com
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
Tablet View Lab
Complete Guide to Flexbox Refactoring the Resume using Flexbox Logical CSS Functions min(), max(), and clamp() are CSS magic! Media Query Free – Responsive Layout