Search this site
Embedded Files
Skip to main content
Skip to navigation
Learning Web Design
Home
Syllabus
Class Textbook
Foreword
Class Textbook Slides
Lesson Plan Calendar
First Things
Text editors used in class
Sublime
Notepad ++
Microsoft Code Writer
Programmer's Notepad
Google Drive
Using Adobe Acrobat
Additional Skills
Taking a Screen Shot
Online HTML Demonstrators
Creating a Template file
Chapter Review and Exercises
Ch 4 - Creating a simple page
Chapter 4 Exercises
Ch 5 - Text Markup
Chapter 5 Exercise
Navigation menus
Ch 6 - Links
Chapter 6 Exercise
Ch 7 - Images
Bit-mapped verses Vector Images
Srcset and sizes attributes
Centering Images Example
Mosh Hamedani Images Video
Chapter 7 Exercise
Ch 8 - Tables
Chapter 8 Exercise
Using CSS to format several tables on one page
Using table generators
Tables Examples
Tables In-Class Exercise
Ch 9 - Forms
Chapter 9 Exercise
Ch 10 - Audio and video elements
Chapter 10 Exercise
Video Compression
Ch 11 Intro to CSS
Chapter 11 Exercises
Ch 11 In-Class Demonstration
Ch 11 Videos shown in class
Ch 11 Test Yourself
Ch 11 Question 4 Answer
Ch 12 - Formatting Text
Ch 12 Centering Text Example
Chapter 12 Exercise
Ch 13 - Colors and Backgrounds
Chapter 13 Exercise
Color Theory
Ch 14 - The Element Box
The Display property
Chapter 14 Exercise
Ch 15 - Floating and Positioning
Ch 15 - Class Presentations
Ch 15 - Float properties and examples
Ch 15 - The Position Property
Ch 15 - Containing Floats
Chapter 15 Exercise
Ch 16 - Flexbox and Grid
Ch. 16 - Flexbox Class Presentation
Ch 16 - Flexbox Froggy and Defense
Flexbox Froggy Help
Flexbox Defense Help
Ch 16 - Flexbox Froggy Class Review
Ch 16 - Grid Garden Exercise
CSS Grid Garden Help
Ch 16 - CSS Flexbox & Grid Challenges
CSS Grid Challenges Help
Flexbox and Grid Videos
Some Grid Examples
Fractional Units
Chapter 16 Exercises
Ch 17 - Responsive Web Design
Responsive Website Demo
Ch 17 - Exercises
Ch 18 - Transitions, Transforms, and Animation
Ch 18 - Class Presentations
Ch 18 - Exercises
Ch 18 - In-class exercise
Ch 19 - More CSS Techniques
Chapter 19 Exercise
Chapter 19 PowerPoint Presentations
Ch 20 - Modern Web Dev Tools
Ch 21 - Intro to JavaScript
CodeCamp JavaScript Training
2D Breakout Game Code
Canvas Clock code
Memory Game in JavaScript
Chapter 21 Exercise
Ch 22 - Using JavaScript
Ch 22 Additional Resources
Ch 23 - Web Image Basics
Ch 24 - Image and Asset Production
Pixlr.com Modification of boat.png
Two more Pixlr.com image modifications
Chapter 24 Exercise
Lossless and Lossy Audio
Ch 25 - SVG Images
Chapter 25 Exercise
16 may TEC714
17 may TEC714
Ch 26 - Google Sites
Class Projects
My Restaurant project
Website Project Aids
Additional Instructional Assignments
Code.org
Code.org 1 to 9
Code.org Lessons 10-14
Code.org Examples
Code.org Example #1
Code.org Example #2
Code.org Example #3
Carrie Dills Challenges
Challenge #1
Challenge #2
Free Code Camp
Additional Resources
Supplemental Articles
List of Links
How to Send a Large Files to Others
Mac Users: How to Send Large Files to Others
Fixing Reset Apps
Study Motivation Videos
Free Stuff
Chapters 4-10 Review
Drive File Stream
Renweb to Google Classroom Configuration
FACTS and Google Classroom
Education Office Printer
Printing Default Settings
How to Access Adobe Flash Content
Original Solution
Flash FTP Site
Flash Player Support Center
Flash Web Archive
Flash Mitigation Options
Flash Player Debugger Configuration
Flash Adobe Labs
Flash Microsoft Update
Removing Chrome's Reading List
Edge Deflector
Cafeteria Sound System
Summer Activities
Going Beyond
Learning Web Design
Chapter 16 - Flexbox AND GRID Videos
Home
>
Chapter Review and Exercises
>
Chapter 16 - Flexbox and Grid
> Videos Shown in Class
Flexbox Videos
Grid Videos
Report abuse
Report abuse