Responsive Images
Responsive Image Techniques Use Cases Responsive Images Using SRCSET Responsive Images Using Picture Element Demo Additional Details Responsive Images Using Picturefill (Polyfill) | Demo Tutorial
Author Archives: thomas.wallace@gmail.com
Final Project Q & A
Final Project Q&A CSS Backgrounds CSS Background Recipes Summary/Details Element
Bootstrap Lab
Finish the rapid prototyping exercise and post a link on your course home page. Bootstrap Themes Exploring Tailwind
Bringing it All Together
Finalizing your page template Duplicating pages for your site Setting up Workspace for your project Final Project Choose one of the three micro-site project options and post url of the First Draft to your course homepage no later than 4/21/2025. Reference HTML – Please create your own structure. This document is a reference for those that […]
Rapid Prototyping with Bootstrap
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.
Image Manipulation
Removing the Background from an Image Sample file Tutorial Exporting Files Other Tools
Project Lab
Guide to Collaborative Codespaces
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