Class 1:
Flexbox Exercise Example Flexbox Resource^{CSS Tricks}

Assignment: A scrollable how-to

• Scroll Boilerplate
• code example: Scroll Event
• code example: Small Scrolls
• code example: change image on scroll (Javascript)
• code example: Changing image or text on scroll
• code example: change image on scroll (CSS only)
• code example: Snap Scroll
• code example: position: sticky;
• code example: Scroll to div
• class example 2: animation! transformation! (W3 schools hack)
• code example: image as scrollbar
• JavaScript Basics Refresh
• JavaScript If Statements + Operators

External links

Typography Basics

Multiple Columns ^{W3 schools}

Hyphenation ^{MDN Web docs}

ScrollTo

Draw on Scroll