In class

1. Class intro
2. Brief history of the web
3. Break–
   • Set up Github accounts
   • Sign up for a topics presentation
   • Join our Are.na group
   • Prepare to share two websites: one that you miss–either it went offline or you miss using it–and one that you discovered recently. We'll add these to this Are.na channel.
4. Introductions
5. Coding HTML basics

For next week

1. Project 1: Complete Levels 1 and 2
2. Coding: Recap HTML with HTML Basics. Then read through/familiarize yourself with CSS Basics
3. Reading: Olia Lialina, A Vernacular Web
4. Research: Find two websites that display long-form text in a notable way. Add them to Are.na.
5. If you need some help with coding or want to chat 1-on-1, sign up for office hours Sunday 6-8pm.

In class

1. Topic presentation #1: Kalo
2. Share Project 1: levels 1 and 2. Let's see work from half the class today and the other half next week.
3. Coding: HTML recap + CSS intro
4. Rosa + Andew share some work
5. If time... in groups, take a look at the long-form text references on Are.na. Pick one to share with the class.

For next week

1. Project 1: Complete Level 3
2. Coding: Read CSS 2: Box model
3. Reading: Frank Chimero, The Web's Grain
4. Research: Find an example of a webiste that feels like a webzine. Add a link to our Are.na.
5. Topic presentation #2: Michelle

In class

1. Announcements
   • Take a look at Topics Presentations dates, I adjusted a couple.
   • Mendi and Keith Obadike Lecture
     Thursday, February 2 at 5:30PM
     1156 Chapel Street, Graphic Design Atrium
2. Topic presentation #2: Michelle
3. In groups, take a look through the examples of long-form text on Are.na.
   Think about the following:
   • What are some common visual design patterns you see? Anything that strikes you as either 'vernacular web' or 'the web's grain'?
   • Pick one website to share with the class: what makes it stand out from the rest?
   • Last question... what makes a zine? How might a zine translate to the web?
4. Share Project 1 (second batch)
   We'll look at work from the following people:
   • Alice
   • Aylin
   • Kevin
   • Jeewon
   • Anna
   • Theo
   • Karela
   • Kalo
5. CSS Layout Part I

For next week

1. Project 1: Complete Level 4
2. Coding: CSS 3: Layout
3. Reading: Close to the Metal: The value of reintroducing friction into our interactions with computers by Emma R. Norton
4. Topic presentation #3: Kate

In class

1. Guest lecture: Chia Amisola
2. Topic presentation #3: Kate
3. Coding: review positioning, flexbox, grid
4. What is a website?

For next week

1. Coding: Read CSS animations + transitions
2. Project 1: Complete Level 5, and draft a navigation system for your webzine.
3. Topic presentation #4: Rosa
4. Read: Glitching the Master’s House: Legacy Russell and Momtaza Mehri in Conversation
5. Find an example of a website with intriguing navigation, and add that to Are.na

In class

1. What is a website?
   Paul Billie joins us to talk about self-hosting.
2. Quick look: Navigation
3. Group meetings: Project 1
4. Fill out the survey Week 5 check-in

For next week

1. Finish Project 1–we'll review in class next week.
2. Coding: Read Responsive design & Media Queries
3. Topic presentation #5: Karela
4. Read or watch one of the following:
   • Seth Price, Dispersion
     An artist's book about distributed media (2002).
   • Hito Steyerl, In defense of the poor image
     An artist's essay about the politics of digitally-circulating images (2009).
   • Aria Dean, Eulogy for a Black Mass
     A video essay about the inherent Blackness of memes (2017).

In class

1. Topic presentation #5: Karela
2. Project 1: Review & Reflection
3. Kickoff Project 2: Billboard

For next week

1. Using media queries, add one breakpoint to your webzine.
2. Project 2: Concept + Sketch
3. Coding: Read JS Basics
4. Topic presentation #6: Anna
5. Topic presentation #7: Kevin

In class

1. Review: Webzine
   
   • Jeewon
   • Anna
   • Fatima
   • Karela
   • Michelle
   • Juice
2. Project 1: Reflection
3. Javascript exercise: Keyboard instrument
4. Topic presentation #6: Anna
5. Topic presentation #7: Kevin
6. Visit EIK space

For next week

1. Project 2 ideas and sketches
2. Finish keyboard instrument
3. Read: Tech Lectures, JS part II
4. Reading one of the following
   
   • Sharing as Survival: Mindy Seu on the Cyberfeminism Index
   • Entr’actions: From Radical Transparency to Radical Translucency, by Ricardo Dominguez
5. Topic presentation #8: Fatima & Theo
6. Topic presentation #9: Jeewon

In class

1. Collaborative discussion: Website as...
   Let's spend a few minutes silently adding to this Figjam document, in response to Kevin's presentation last week on logging off
2. Topic presentations: Fatima & Theo, Jeewon
3. Share: Keyboard Instrument
4. Field trip to EIK
5. In groups: Discuss Project 2 ideas
   The goal of these meetings is to
   • Pick a direction to pusue
   • Establish some next steps for each group. How might you being to build/prototype your billboard?

For next class

1. Exercise: Ambient website
2. Project 2: Keep working on your billboard. We will have time to debug/help with work in progress next class.
3. Read: Tech Lectures, JavaScript III: Forms and Inputs
4. Read one of the following
   
   • ChatGPT Is a Blurry JPEG of the Web → Sci-fi writer Ted Chiang analyzes large language models via a metaphor
   • What is a World? → artist Ian Cheng discusses worldbuilding in game design
5. Topic presentation #10: Stephanie & Sarah
6. Topic presentation #11: Aylin & Theo

In class

1. Topic presentations 10 & 11: Stephanie & Sarah, Aylin & Theo
2. Talk about presentation planning
3. Kickoff project 3: Website for one
4. Check-ins re: Billboards Signup here

For next week

1. Topic presentation #12: Alice
2. Read: Nika Fisher, Early Web Design Helped a Generation Express Themselves Online. How Do We Capture That Feeling Again?
3. Coding: Read JS 4, Loops
4. Billboard: Keep working on the billboard project
5. Project 3: Sketch

In class

1. Topic presentations: Alice & Theo
2. Figma demo + Billboard design
3. Project 2 & 3: Work time + Group meetings

For next week

1. Topic presentation #13: Saskia
2. Read Claire L. Evans, Hyperland Intermedia and the Web that Never Was
3. Read JS 5: Dates & Randomness
4. Billboard:
   • Get a working draft of your billboard project coded.
   • Make a sketch/prototype of your installation. We'll meet next class with Nick Pfaff, who can help install your work, so you should bring a plan and any requirements (power, sound, lighting, hanging from beams/wall).

In class

1. 1:30pm Meet at EIK to talk with Nick Pfaff
   Bring your plan for installation
2. Check in: Billboard presentation
3. Topic presentation #13: Saskia
4. Review: A few mobile tricks
5. Work time: Projects 2 + 3
6. Sign up sheet

For next week

1. Topic presentation #14: Juice
2. Take a look through one of the following:
   • Future Art Ecosystems 3: Art x Decentralised Tech
   • Trevor McFedries, On seeing what needs to exist, and building it
3. Topic presentation #14: Juice

In class

1. Billboard recap
   • Add your photos to this google drive folder
   • Deinstall: pick up your work at John Hogan's office
   • Reimbursements: Send me your receipt now
2. Topic presentation #14: Juice
3. 2-3pm: Options
   • Carmen Winant Lecture 2pm in the Pool (Room G10 at Green Hall)
   • 1-1 meetings w/Rosa
4. 3pm: Intro from Bryant Wells on zoom
5. Billboard critique
   • We'll do a silent, written critique of each billboard project using this form.
   • Before we start, add a link to your billboard website to this google slides deck.
   • See feedback here
6. Project 3: Work time + more meetings

For next week

• Finish Project 3. We'll do a critique in-class with guest Mianwei Wang.
• You might want to think about how to show your project if it's designed for the phone. Do you need to post a QR code so all can see? Do you want to document somebody using the website?

In class

1. Billboard critique: Juice & Theo
   • Feedback form
   • Slides
   • See feedback here
2. Final critique: Project 3 with Mianwei Wang
3. Class reflection

For next week

1. Due May 10, 5:30pm
   
   Finish your class website. Your class website should include:
   • A link to your webzine.
   • For the billboard: A page that includes a link to your billboard and photographs of its installation.
   • A link to your Project 3, Website for One.