Class 1: February 2

Welcome to Interactive design and the internet!

  1. Introductions
  2. Brief history of the web
  3. Demo: Github pages & HTML basics
  4. Exercise: Top 10
  5. Introduce Project 1: Tour

For next week

  1. Read Olia Lialina, Vernacular Web, 2007
  2. Finish your Top 10, and put a link to that on your class website.

Next week, Claire Evans will join us to talk about the history of the internet. If you're curious take a look at:

Class 2: February 9

In class

  1. Guest: Claire L. Evans speaks about the history of the internet.
  2. Web vernacular
  3. Share Top 10
  4. Talk about Protocol

For next week

  1. Read Frank Chimero, The Web’s Grain, 2015
  2. Get an HTML-only version of your tour uploaded to your class site.
  3. Watch CSS basics and read through CSS Basics. As a warmup, style your class site and Top 10.
  4. Find two examples of interesting navigation and add them to Are.na.
Class 3: February 16

In class

  1. In pairs, spend 15min looking through the Navigation Are.na channel. Choose a website you like, and take a closer look. Try to answer the following questions. Each pair will present their site to the rest of the class:
  • Describe the navigation system as specifically as possible: how does it work? Is it the same on every page?
  • What is the primary way to move through the site? Are there any other secondary methods of navigation?
  • As a feature of the website's design, how does the navigation look?
  • How does the navigation affect your experience of using the site?
  1. Browser defaults
  2. Small groups – Share HTML version of the tour

For next week

  1. Read through CSS positioning.
  2. Find two examples of websites with interesting hover states, and add those to our class Are.na channel.

In preparation for our Are.na workshop next week, please do the following:

  1. Read Laurel Schwulst, My website is a shifting house next to a river of knowledge. What could yours be?, 2018
  2. Create an Are.na channel or select a channel from one of these featured channels.
Class 4: February 23

In class

Workshop: Are.na as a CMS with Charles Broskoski

For next week

  1. Read Alexander Galloway, Jodi's Infrastructure, 2016.
  2. Do the exercise Website as.... Take it as an opportunity to reflect on the readings we've done so far and to experiment with online typesetting. I included some links to useful typographic properties with CSS on the exercise page.
  3. Find two examples of interesting typography online, and add those to our class Are.na channel.
  4. If needed, spend some time finishing up your Are.na website, and paste a link to it on your class site. Also link to it in the Are.na channel!
  5. Finally, if you haven't already done so, please fill out this little survey– feedback so far as been helpful.

I'd like to try offering "office hours" for anybody who wants to meet outside of class. This week, on Sunday evening, 8-10pm  EST. Here's a signup sheet for that if you want to touch base. We'll meet in small groups again to talk about the tours on Tuesday.

Class 5: March 2

In class

  1. Website as... show and tell
  2. CSS Recap + Calendar exercise
  3. Small groups: share second version of the tour. Sign up here.

For next week

  1. Finish project 1: The tour.
  2. Read Samuel R. Delaney and Octavia Butler in conversation, Value of Literacy, 1998
Class 6: March 16

In class

  1. Review project 1
  2. Recap Protocol Project

For next week

  1. Read American Artist, Black Gooey Universe, 2018
  2. Read through Making Layouts Responsive and complete Exercise: Responsive Website.
  3. Sign up for Protocol presentation
Class 7: March 23

In class

  1. JavaScript Basics
  2. Workshop: Making a bookmarklet
  3. Intro Project 2: Browser extension

For next week

  1. Finish your bookmarklet. This could be a sketch for your extension, or a simple modification of one of the examples. Here's a page for the exercise with a link to the deck we looked at yesterday. And here's the JavaScript intro deck.
  2. Come up with an idea for your extension. Bring at least two images that support your idea-- these could be a point of reference or a sketch you made– something visual to explain your idea.
  3. Read Legacy Russell and Momtaza Mehri, Glitching the Master’s House: Legacy Russell and Momtaza Mehri in Conversation, 2020
  4. Write a short response to the readings. There are some guiding questions here. Feel free to include images or links, or to find a visual way to respond if that feels more comfortable. Make a simple website for your response and post a link to it on your class website.
Class 8: March 30

In class

  1. Show and Tell: Responsive website + Bookmarklet
  2. Bianca protocol
  3. JS recap, functions, events + how to make an extension
  4. 1-1 meetings

For next week

  1. Read Ricardo Dominguez, Entr’actions: From Radical Transparency to Radical Translucency, 2015
  2. Get a working draft of your extension and it's cover page online.
Class 9: April 6

In class

  1. Guest lecture: Weiyi Li
  2. Andrew & Sam: Protocol

For next week

  1. I have another survey as we look ahead to the end of the course-- could you take a moment to fill that out here.
  2. Read: Antonio García Martínez, Inside Cuba's DIY Internet Revolution, 2017.
  3. Keep working on your extension. For next week, make a draft of the web page/site that will host your extension. There are more details on what to include here. We'll look at these "about pages" together, even if your extension isn't finished (the idea for your extension should at least be finished).
  4. A few people are working with images in their extensions. Could everybody add an example of interesting image treatment to our class Are.na channel?
Class 10: April 13

In class

  1. Guest lecture: American Artist, with Mindy Seu's class
  2. Protocol: Sam & Andrew (recap) + Junyi & Yifan & Lester
  3. Groups: Review extension
  4. Exercise: CSS animations
  5. Introduce clock

For next week

  1. Read Marie Hoejlund, Sharing as Survival: Mindy Seu on the Cyberfeminism Index, 2020
  2. Finish exercise: Ambient webpage
Class 11: April 20

In class

  1. Protocol: Sidney & Chia
  2. Exercise: JavaScript date/time/timing events

For next week

  1. Read Caroline Sinders, In Defense of Useful Art, 2020
Class 12: April 27

In class

  1. Protocol: Lauren & Melissa

For next week

  1. Finish Extension project (we'll review in class).
  2. Finish Protocol archive (we'll share these as well).
Class 13: May 4

In class ~~ Last Class !

  1. Full class review: Protocol + Project 3

For next week

Finish all projects and upload to the class site by Wednesday, May 19