Assignments
Week 16 : Finals Due Brief
Week 15 : In-Class Workshop
- Github
- Responsive Design
- Article: A UI Designer’s Guide to Responsive Grids
- Sketch template with grid guidelines - Shared over email
- Viewport
- The Responsive Grid
- Media Queries
- “A pixel is not a pixel”
- Responsive CSS Tutorial
- ¡•¡•¡ 𝖕𝖑𝖟 𝖋𝖎𝖑𝖑 𝖔𝖚𝖙 𝖇𝖞 𝖊𝖓𝖉 𝖔𝖋 𝖈𝖑𝖆𝖘𝖘 !•!•!
- Course Evaluation
- Survey on Finals Presentation
Week 14 : In-Class Workshop & Consultations
Week 13
- Animation with Vanilla Javascript
- Animation with Javascript Library
Week 12
In-Class Exercise : Javascript Magic 8 Ball
Week 11
In-Class Presentation Mid-Term Part 2: Completed Websites (Continued)
Homework & Assignment 4
- REMINDER: (Due 4/11) Assignment 4: CSS Animation
Notes
- Atom Live Server
- Flexbox Reference Example
- You can set a min-height / min-width of an element using viewport height (vh) and viewport width (vw) percentages — Here’s a reference on the different CSS Units you can use.
- CSS Animation on W3Schools
- CSS Transitions on W3Schools
- Examples of CSS Animations and Transitions
- A Jelly Fish made purely from CSS Animation
Week 10
In-Class Presentation Mid-Term Part 2: Completed Websites
Homework & Assignment 4
-
Assignment 4: CSS Animation (Due 4/11)
-
CodeAcademy Intro to JavaScript (Due 4/4)
- Do chapters 1 (Introduction) through 7 (Iterators). You are only required to do the free lessons, no need to get a paid account.
Notes
-
Video series on manipulating webpages with javascript— This is a very long series, I’d recommend just watching videos #2 through #5, and only diving into this after you have completed the code academy course above.
-
Coding Train — A youtube channel about visual / creative coding
-
Article discussed in class today Scroll, Skim, Stare by Orit Gat
-
Some codepen CSS animation demos
Week 9
T e r m B r e a k
Week 8
In-Class Presentation Mid-Term Part 1: Design Mockups
Week 7
Mid-Term Assignment
- Mid-Term Assignment Brief
- Vote on favorite class page redesign (link coming)
- Video: Tips on using the prototyping features of Sketch
Week 6
Assignment 3 (due 3/7)
- My Class Website is a Shifting House…
Assignment 2 (due 3/1)
- Bauhaus Poster CSS Practices 2
- Source Files — Same as week 3, Use corrected / updated files if you have them please.
- Assignment 2: Step-by-Step Instructions
- Example of Assignment 2 Completed
Notes
Week 5
No homework 🎉
Week 4
Assignment 1 (due 2/22)
- Bauhaus Poster CSS Practices 1
Week 3
In-Class Exercise
- Code Academy Introduction to CSS
- Bauhaus Poster CSS Coding Practice (cont’d)
Week 2 (due 2/7)
Reading
- Week 1 & 2 Recap
- For reading for this week, please read What is Code by Paul Ford.
You do not have to read all of it but read as much as you can.
- Remember to come prepared with 1-2 questions for discussion. Again, please post questions in the Reading Google Doc
In-Class exercise
- Bauhaus Poster CSS Coding Practice
Assignment
- None
Other Notes
- Please sign up for a free CodeAcademy account before class, we will be doing a short exercise on CSS together.
Week 1 (due 1/31)
Readings
- The Art of the Internet, Restored and Out in the World, NYT article by Sophie Haigney
- A Vernacular Web, by Olia Lialina
- To progress through the piece make sure you click on the arrow button in the bottom right hand corner. - Why Designers Can’t Think, by Michael Beirut - Remember to come prepared with 1-2 questions for discussion.
In-Class Exercise:
- Hello My Name Is Coding Practice
Other Notes
- Moving forward please hold on to your in-class assignments as we will be collecting these at the end of the term. Do keep a tidy folder structure.