ART 128
Interface Programming 1
Site #1: Student Site
Site #2: Site Base
Site #3: Custom Site
- Project Design Brief - Fit For A Goddess:
- Low Fidelity Interface Design:
- Coded Site
- Version 1
- Version 2
Test & Exercises
- Simple HTML and CSS Page
- Intro to HTML Exercise - Test w/o Markup
- Intro to CSS Exercise - Basic Styling
- Div Block Model Test
- Div and Span (Block vs Inline) Test
- A Use Case for Span elements
- Figma and VS code In Class Exercise
- Layout Test - site header with 2 children
- Layout Test - complex centered logo site header with 4 children
- Simple Grid System from Scratch
- Javacscript Exercise #1 - Simple Toggle Button
- Javacscript Exercise #2 - Multiple Toggle Button
- Javacscript Exercise #3 - Simple Show Hide w/ data attributes
- Javacscript Exercise #3B - Simple Show Hide w/ data attributes (transition)
- Site Base Header - Javascript Exercise - START
- Google Fonts Demo (In Class)
- Adobe Fonts Demo (In Class)