Bootstrap Wrap Up Lab
You should work to finish up your bootstrap prototypes and be prepared to show/tell/discuss on Thursday. If you have specific questions please send them to me with a url to look at and I’ll do my best to assist.
Author Archives: thomas.wallace@gmail.com
Bootstrap Lab
Eclipse Demo Bootstrap Themes
Web Project Q & A
Web Project Q&A CSS Backgrounds CSS Background Recipes Summary/Details Element
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.
Bringing it all Together
Finalizing your page template Duplicating pages for your site Setting up Workspace for your project
Introduction to Bootstrap
Introduction to Bootstrap Codecast Quick Start Grid Components
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