Weekly Assignments

Personal Design System

Deliverables (required):

1. Hello World (link to Github repo)
2. My Static Base (link to Github repo)
3. My Sassy Base (link to Github repo)

Exercises

Optional (not required for grading):

• Codepen: Typographic Hierarchy
• Codepen: Type Specimen
• Codepen: Type Study
• Codepen: Vertical Centering with Flexbox
• Codepen: Vertically Centered Column Content
• Codepen: Site Header & Nav with Flexbox
• Codepen: CSS Animation: Simple transition on hover (fade)
• Codepen: CSS Animation: Simple @keyframe on load (scale)
• Codepen: Color Study
• Codepen: Buttons
• Codepen: Form elements
• Codepen: Layout - Grid System w/ Floats
• Codepen: Layout - Grid System w/ Flexbox
• Codepen: Layout - Grid System w/ CSS Grid
• Codepen: Layout - Home/Landing Pg
• Codepen: Layout - Article
• Codepen: Layout - Thumbnail Grid
• Codepen: Layout - Product/Post Listing Pg
• Codepen: Layout - Contact Page

Old

Archived links (for reference purposes only):

• My Sassy Base 2018 (link to Github repo)
• My Sassy Base 2017 (link to Github repo)

Coded Custom Client Site

Based on the UI designs from my first UI project in ART 249.

Development Phase

1. Version #1: Product First Draft (link to v1 working site)
2. Version #2: Product Second Draft (link to v2 working site)

Delivery Phase

3. Final Product (link to demo of working site posted via Github Pages)
4. Final Product Source (link to Github repo)