Positioning Lab Debrief
Review Positioning Exercises (Codecast) Introduction to CSS Grid Introduction to CSS Grid Grid by Example
Author Archives: thomas.wallace@gmail.com
Introduction to CSS
Adding style to your page: Type, Class, and ID Selectors Creating and attaching a Stylesheet Color and Typography CSS Box Model – Description | Demonstration
CSS Grid, Image Manipulation and Optimization
CSS Grid Resources Interactive Guide to CSS Grid Image Editing Image Editing Tools Vector vs Raster Images | 1 | 2 Tools Overview Adobe Creative Suite – Paid Subscription Adobe Illustrator – Vector Editor Adobe Photoshop – Raster Editor Pixlr Suite – Raster and Vector – Tutorials Photopea / Vectorpea
Positioning Lab
Positioning Lab | Demo
Collaborative Coding Wrap Up
Validating and Troubleshooting your HTML In today’s session, I’d like you to reconvene with your coding partner from last week and finish up and publish your work. It should be accessible via the github url you submitted last week. Remember each of you should submit your own work. Once you have completed the exercise, take […]
Positioning Lab Debrief
Review Positioning Exercises (Codecast) Introduction to CSS Grid Introduction to CSS Grid Grid by Example
Positioning Lab Preparation
We will not meet tooday but please make sure to review the course materials and review this video on CSS Floats in preparation for our lab on Wednesday. Feel free to reach out if you have any questions. https://www.youtube.com/watch?v=LrdkRMZhgZg – CSS Floats Overview If you have not set up your directory and file structure for […]
Positioning Lab
Positioning Lab | Demo
Prototype HTML Assignment
Create and Validate a prototype HTML document that includes examples of all HTML elements covered thus far. For a list of requirements view this page. Use today’s session to work on and complete this assignment. You are welcome to partner with a classmate to work on this but each of you must submit code that you have […]
Introduction to CSS
Codecast | Source CSS Positioning | Demo Set up a directory structure and links for the positioning lab. | Starter HTML (Use this code)