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.
Removing the Background from an Image Sample file Tutorial Exporting Files Other Tools
Guide to Collaborative Codespaces
Introduction to Bootstrap Codecast Quick Start Grid Components
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
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
Project Concept Discussion Site Prototyping Tools Media Query Free – Responsive Layout Breakout Grids Layout Breakouts with CSS
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
Resume Wrapup – Desktop Breakpoint Site Prototyping Tools Final Project Requirements
Guest Speaker – Caitlin Romprey