Week 1 Google Doc

Tuesday

• Mindy introduces herself and shows some past projects
• John introduces himself and shows some past projects
• Students show their own work and two websites
• Discuss syllabus
• Sign up for weekly presentations
• Explain P1

For Thursday

• Please add the sites you showed in class to the Week 1 Google Doc underneath your name.
• Read the forward and your assigned chapter of Italo Calvino's Six Memos for the Next Millennium.

Thursday

• Define class expectations
• Discuss Six Memos chapter in small groups
• Further clarify weekly interview presentations
• Look at works related to P1
• Follow steps in Exercise: Setting up your class website with Github
• Begin the search for content for P1

For next week

Reading
Create 3 discussion questions. Include this in the Week 2 Google Doc

• Notes on the Internet and Art by Gene McHugh
• Spirit Surfing by Kevin Bewersdorf, 2008

Code
Make sure you pasted your class homepage link in the Week 1 Google Doc.

Week 2

Tuesday

• Reading Discussion
• Mindy talks about A Brief History of the Internet
• Look at more works related to P1
• Begin prototyping for P1

Thursday

• Work in class on P1

For next week

Project
Finish two prototypes for P1 that you will present to the class on Tuesday. Please make sure your class website shows your two proposals as well.

Reading
Create 3 discussion questions. Include this in the Week 3 Google Doc

• Chapter 1 of Protocol by Alexander Galloway, 2006
• The Cobweb by Jill Lepore, 2015
• In Defense of the Poor Image directed by Hito Steyerl, 2009

Presentation
Kelly, please prepare your presentation on Italo Calvino's Quickness

Week 3

Tuesday

• Presentation by Kelly on Quickness
• Reading Discussion
• Look at your two proposals for P1 in small groups

Thursday

• Mindy talks about Surveillance and Data Mining
• Work in class on P1

For next week

Project
Based on the in-class critiques, finalize P1 for Tuesday's presentations.

Reading
Create 3 discussion questions. Include this in the Week 4 Google Doc

• The Language of Internet Memes by Patrick Davison, 2012
• Conservatism of Emoji by Luke Stark, 2014

Presentation
Ben, please prepare your presentation on Italo Calvino's Visibility

Week 4

Tuesday

• Final critique on P1
• Special Guest: Rachel Berger

Republish a Text Critique Format
For today's critique, we will spend ~16 minutes on each person. For the first ~10 minutes, everyone but the designer can talk. The classmate to your right will explore your project, projected for the entire class to see. During this time, we should try to have a conversation about the work, or at least describe it. Then, in the last ~6 minutes, the designer can respond to the conversation we just had.

For Thursday

Reading
Create 3 discussion questions. Include this in the Week 4 Google Doc

• The Language of Internet Memes by Patrick Davison, 2012
• Conservatism of Emoji by Luke Stark, 2014

Presentation
Ben, please prepare your presentation on Italo Calvino's Visibility

Thursday

• Presentation by Ben on Visibility
• Reading Discussion
• Deploy P2
• Look at the interactive work of Experimental Jetset, including their portfolio, Pioneers of Change, Coming Soon,, and the Whitney Museum's system and website
• Look at some examples of typography on the web
• Work in class on P2

Next Tuesday

There will be a lecture by Experimental Jetset at 7PM in Timken Lecture Hall. Please attend and then return to class afterwards. You will need to write a brief summary of their talk for next Thursday.

For next week

Reading
Create 3 discussion questions. Include this in the Week 5 Google Doc

What is Code? by Paul Ford, 2015
This is a very long article. We aren't going to read the whole thing, but you can if you want to.

Required parts:

• all of chapter 1
• all of chapter 2
• chapter 3 intro, 3.1, 3.2
• chapter 5 intro, 5.1, 5.2, 5.7, 5.8
• chapter 6 intro, 6.1, 6.2, 6.5, 7.1, 7.5.

Project
For P2, create three unique directions for your typeface. Begin by sketching the letters H O D N O P. Conceptually and formally, each direction should be uniquely different from each other. While sketching, consider how each typeface would exist as code and in the browser space. (Do this in InDesign or Illustrator and create a PDF to discuss on Tuesday.)

Presentation
No presentations next week.

Week 5

Special Event

Attend the lecture of Experimental Jetset in Timken Lecture Hall at 7PM. Return to class afterwards.

Tuesday

• Discuss the three directions for your P2 typeface

For Thursday

• Paste a paragraph written response about the Experimental Jetset Lecture in the Week 5 Google Doc before 6pm on Thursday.
• Complete your typeface drawing (in Illustrator, etc.) as much as possible. Here are the characters I would like you to have by then:

abcdefghijklmnopqrstuvwxyz
or
ABCDEFGHIJKLMNOPQRSTUVWXYZ
(choose either lower or upper case)

0123456789 (numbers)
.?!,”“ (punctuation)

Thursday

• Reading Discussion
• Work in class on Exercise: Coding from Life

For next week

Reading
Create 3 discussion questions. Include this in the Week 6 Google Doc

Computed Type by Christoph Knoth, 2012

Project
Please create two unique proposals (using InDesign) for the website your typeface will live on. How can your website's focus not only reinforce but push forward the concept of your typeface? Remember to upload the sketches to your class website.

Homepage
Now that you've had a CSS refresher, please style your class homepage.

Presentation
Kirk, please prepare your presentation on Italo Calvino's Visibility.

Week 6

Tuesday

• Did everyone receive their grade for P1?
• Presentation by Kirk on Visibility
• Reading discussion
• Mindy talks about Jurriaan Schrofer
• Look over two proposals for website for P2

Thursday

• Work in class on P2

For next week

Project
For P2, continue developing your website and your typeface. See how far you can push it. On Tuesday, I want to see it started in code.

Reading
Create 3 discussion questions. Include this in the Week 7 Google Doc
Visible Wisdom by Muriel Cooper, 1994

Presentation
Veena, please prepare your presentation on Italo Calvino's Multiplicity

Week 7

Tuesday

• Reading Discussion
• Mindy talks about Muriel Cooper
• Mid-semester evaluations
• Work in class on P2

Thursday

• Presentation by Veena on Multiplicity
• Work in class on P2

For next week

Reading
Create 3 discussion questions. Include this in the Week 8 Google Doc

• Fuck Content by Michael Rock, 2009
• Research & Destroy by Daniel van der Velden, 2005

Presentation
Jimmy, please prepare your presentation on Italo Calvino's Exactitude

Week 8

Tuesday

• Presentation by Jimmy on Exactitude
• Reading Discussion
  * Mindy talks about link: resources/spotlight_takenobuigarashi.pdf text: Takenobu Igarashi popup: yes
• Review P2 in-progress sites

Each designer will have 10 minutes to present their CSS Typeface and receive feedback to apply for the final week.

Thursday

• Work in class on P2

For next week

Reading
Create 3 discussion questions. Include this in the Week 9 Google Doc

• Vernacular Web by Olia Lialina, 2005
• Stop Trying to Make the Web Beautiful by Oliver Burkeman, 2014

Here is a link: https://jsfiddle.net/0tu2pxd8/7/ text: jsfiddle update to re-using your letters.

Presentation
Justin, please prepare your presentation on Italo Calvino's Lightness

Week 9

Tuesday

• Presentation by Justin on Lightness
• Reading Discussion
• One-on-one meetings to look at P2
• Check projector resolution

Thursday

• Special Guest: Lexi Visco
• Final critique for P2

CSS Typeface Critique Format
For today's critique, we will spend ~16 minutes on each person. For the first ~10 minutes, everyone but the designer can talk. The classmate to your right will explore your project, projected for the entire class to see. During this time, we should try to have a conversation about the work, or at least describe it. Then, in the last ~6 minutes, the designer can respond to the conversation we just had.

For next week

Enjoy your Spring Break! When we return, we will deploy P3.

For next, next week

Reading
Create 3 discussion questions. Include this in the Week 11 Google Doc
Internet with a Human Face by Maciej Ceglowski, 2014

Presentation
Iris, please prepare your presentation on Italo Calvino's Exactitude

Spring Break! No class this week.

Week 11

Tuesday

• Presentation by Iris on Exactitude
• Reading Discussion
• Deploy P3
• In groups of two or three, find three examples of hoaxes on the web. Paste these in the Week 11 Google Doc and be prepared to explain them in class on Thursday.

Thursday

• Did everyone receive their grade for P2?
• Each group talks about three hoaxes found on the web
• Mindy talks about wireframes
• Begin working on P3

For next week

Listening and reading
Listen to the podcast and read the PDF on the Hoax project page. Think about the connections between the two and your personal opinion on both. Paste a paragraph written response or ask three questions in the Week 12 Google Doc before 6pm on Tuesday.

Project
Develop two ideas for P3 Hoax. Produce a wireframe/sketch of each hoax website, beginning with the home page and one detail page. On Tuesday, we will have one-on-one discussions to review.

Presentation
Tannia, please prepare your presentation on Italo Calvino's Multiplicity

Week 12

Tuesday

• Presentation by Tannia on Multiplicity
• Reading Discussion
• Look at wireframes for your two P3 proposals
• Begin designing the page templates for the selected concept.

Thursday

• Work in class
• Continue designing page templates for the site. This should include desktop and mobile formats.

For next week

Reading
Create 3 discussion questions. Include this in the Week 13 Google Doc

• Man and Machine by Susan Orlean, 2014

Presentation
Eva, please prepare your presentation on Italo Calvino's Lightness

Week 13

Tuesday

• Presentation by Eva on Lightness
• Reading Discussion
• Look at website visual design sketches for P3
• Complete design for P3

Thursday

• Mindy talks about Breakpoints
• Review structure for class archives
• Started coding P3. If helpful in explaining your concept, quickly code an interaction prototype.
• Work in class

For next week

Project
Begin coding your Hoax website. By next week, your site should be online and basically functioning as intended.

Reading
Create 3 discussion questions. Include this in the Week 14 Google Doc

• Future and Alternative Nows by Bill Moggeridge, 2006

Class Archive
This will be due via email on Monday, May 9th.

From the syllabus:
At the end of the term, you will be required to send me an archival .zip file to document your projects. If you do not send me the archive, you will fail the class.

Please follow the instructions below:

1. Divide your materials into four folders: P1, P2, P3, and Presentation.
2. Within each project (P1, P2, P3) folder, make three new folders: Project, Documentation, Description.
3. Put all of your project materials (code and required assets) into the Project folder.
4. In the Documentation folder, place a video screen capture (made using Quicktime) to concisely document your project.
5. Within the Description folder, place a text file containing a paragraph description of your project.
6. Within the Presentation folder, place a PDF version of your presentation into the folder.
7. When you make the .zip file, send it to me over wetransfer.com.

Remember:
—When creating the archive, make sure your assets are optimized for web so that the file sizes are as small as possible
— Make sure every link on your class homepage is working.

Week 14

Tuesday

• Reading Discussion
• Mindy introduces FlexBox
• Look at website prototype for P3

Thursday

• Mindy talks about jQuery
• Work in class

For next week

Project
Students will present their in-progress sites on Tuesday with special guest critic Chris Hamamoto.

Class Archive
This will be due via WeTransfer on Monday, May 9th.

Tuesday

• Special Guest: Chris Hamamoto
• Review P3 in-progress sites

Each designer will have 15 minutes to present their Hoax website and receive feedback to apply for the final week.

Thursday

• Work in class

For next week

Project
For next week, perfect your Hoax website.

Reading
Create 3 discussion questions. Include this in the Week 16 Google Doc

• 8 Reasons to Turn Down that Startup Job by Mike Monteiro, 2015

Class Archive
Remember: this is due via email on Monday, May 9th

Week 16

Tuesday

• Reading Discussion
• Work in class
• Last 20 minutes: class evaluation

Thursday

• Final critique of website for P3
• Special Guest: Annie Wang
• Reminder that class archive is due on Monday, May 9th

Monday, May 9th

• Class archive (.zip file) due