This is a 7 week studio class that introduces HTML, CSS and web publishing. Students will learn how to hand craft websites from scratch. They will be introduced to web development tools and workflows, alongside histories of the web, internet art and cyberfeminism. They will hand-code web projects to be both self hosted, and/or presented on experimental servers maintained according to feminist principles.

Read the full syllabus.

PROJECTS

Add your project links to the sheet by 6pm on the day they are due. See the grading rubric in the syllabus document.


Create an interactive hypertext narrative that reveals something about yourself. It could be based on a memory, a story about yourself or an experience you had, a journey through a topic you're interested in or are researching, a mode of navigation that mimics your mood or personality. Your narrative should use multiple HTML pages, linked together by a tags. Each page could contain text and/or images. Limit your focus to your story and html tags. No styling - use of CSS is discouraged.

Weight: 12.5% of class grade.

Inspiration:


* Thanks to Lauren Lee McCarthy for this exercise.

Create a website (with one or more pages) for an artist manifesto. You can either choose one of the manifestos we have read in class, or another one if you prefer. See the Arena channel for more. Research who wrote the manifesto, and the context in which it was produced. What was it pushing back against ? What is it advocating for? How can the design, aesthetic treatment and logic of your site reflect the conceptual content of the manifesto? Consider including additional references, research or example of work to accompany the manifesto.

Weight: 12.5% of class grade.


So much of internet culture is educational. It consists of material that responds to the impulse to share knowledge, one’s unique experience or specialty skillsets. Consider wikihow, Quora, online tutorials, AMA, TikTok content to name just a few examples. Create an online tutorial or how-to website based on a skill you have, or on something you know how to do (or not). This could be anything from preparing a recipe, to fixing something, to dealing with an argument with a friend. The tutorial can be delivered in any format on the page.

Make a post with the link to the project and a brief description on your personal homepage


Weight: 12.5% of class grade.


Revisit the vernacular web reading by Olia Lialina from week 2 and My Website is a Shifting House … by Laurel Schwulst and create a personal homepage. You might choose to think of your website as a room for yourself, or as a garden to tend or an archive about a particular topic you are interested in. Somewhere on your site, should be a page that has links to each of your projects from this class, but this does not have to be on the front page. Keep developing your homepage through the semester, adding new materials and links to the work you will do in the final weeks.


Create a surprising interactive interface with the simple interactive elements of the web such as buttons, check boxes, drop down menus, text fields etc. Please note that as we are not dealing with backend development in this class so you won’t be able to store data (it will reset when the page loads), or have data persist for different visitors to the site.

A little inspiration:


Weight: 12.5% of class grade.


The final project for this class is an open brief. This is a chance for you to make your own contribution to the hand-coded web, to add your own voice to the choir. Consider all the sites you've looked and and explored in this class and beyond, which ones create the kind of space you’re interested in? What do you think is missing from this history? You should aim to make something personal, that speaks to an interest, your own practice or graduate research. Consider that sites are never finished but always being updated and in the making. Consider what kind of web project are you interested in working on in the future?

Stuck? Consider the following starting points:

  • A website for collecting: sketches, other websites, images, or references.
  • A project that extends your practice or current area of research.
  • A website that is based on a specific mood, feeling or emotion.
  • An extension or elaboration of an exercise or project from this class.
  • A website that tells a story.
  • A website that is based on a particular structural metaphor (eg. in reference to Laurel Schwulst's reading from week 1.
  • Class arena channel may hold more inspiration.

Weight: 12.5% of class grade.


Each week you are to write some notes in response to the reading (150-250 words). Either link an idea, a prompt, an argument or a question from the reading to a creative or critical project from the field, or discuss how it relates to your own practice. When you are considering the readings, don't forget to consider when the text was written, and who it was written by.

One week during the semester you will be assigned as the lead for the reading discussion. As a discussion lead, you are expected to come to class and share the following (a) a summary of the reading and some contextual information about it. When was it written, who is the author, what context does it address?  (b) a relevant example from the field of net.art or design that explores an issues raised in the reading (c) a question or two for the class that the reading/related project raised for you. Your response should be 5-10 minutes in length to be followed by 10 minutes of discussion with the class.

Weight: Reading Discussion: 10% Reading notes: 5%


Student Homepages

Acknowledgements


New York University stands upon the homelands of the Munsee Lenape.

Parts of this syllabus have been inspired by Melanie Hoff , Lauren Lee McCarthy , Sam Lavigne and Mindy Seu. Class website inspired by Mindy Seu.

Sept 7th: Class 1 ~ WELCOME

6:30–6:50 Introductions. Fill the intro survey.
6:50–7:20 Syllabus review. Code of conduct.
Reading discussants:
  1. Week 2: Gabriela and Dre
  2. Week 3: Olive and Lita
  3. Week 4: Miaoye and Seba
  4. Week 5: Aditi, Rebecca and Chen
  5. Week 6: Bridgit amd Syeda
7:35–8:30 Lecture. Intro to the internet and hyperText markup language.
8:40–9:30:
  • Workspace setup.
  • Console exercise: Save a website to a folder. Then deface it by modifying the HTML in the console.

Homework for next week:
  1. Project 1: Hypertext Narrative
  2. Reading: J. R. CARPENTER, 2015 A Handmade Web
  3. Reading: Olia Lialina, 2012, Vernacular Web 2
  4. Reading: Laurel Schwulst, 2018, My Website is a Shifting House ...,

Sept 14th: Class 2 ~ HANDMADE WEB

6:30–7:00: Terminal/github. 7:00-7.30: Project 1 review (in small groups).
7.30–7.50 Reading Discussion
7:15–8:30 Handmade web and project 2. Intro to CSS. Fonts. Margins, Divs and spans. Color.

Homework for next week:
  1. Project 2: Manifesto
  2. Reading: Claire Evans, 2016, Feminist Worldbuilding in the Australian Cyberswamp
  3. Reading: VNS Matrix, A cyberfeminist manifesto
  4. Reading: Mindy Seu, Cyberfeminist Index - About
Supplementry:
  1. Reading: Rosa Menkman, Glitch Studies Manifesto

Review video tutorials:
  1. Using Git with VSU
  2. Publishing a site from a github repository
  3. Publishing a site with Netlify
  4. CSS example: colors, fonts, position

* Thanks to emma rae norton for this exercise.
Sept 21: Class 3 ~ CYBERFEMINISM

6:30–7:00 Project review.
7:00–7:15 Reading review 7.15-7:50 Histories of NetArt and Counter canons. Project 3.
8–8.30 Position: Grids and flex boxes. CSS animation. CSS gradients.
8.30–9.30 Coding round robin

Homework for next week:
  1. Project 3: How-to. Try to use some of the layout strategies in your response
  2. Notes and exercises on layouts
  3. Readings: Anne Pasek, Getting into Fights with Data Centers
  4. Reading: Feminist Server Manifesto
Supplementry
  1. Reading: Alexander Galloway, Protocol. Introduction. (And if you're into it, chapter 1.)
Sept 28: Class 4 ~ SERVERS

12.00–1.00 Guest: Joana Moll. Recording.
7.00–7.30 Project review.
7.30–7.45 Reading discussion.
7:45–8:15 Position recap. Mobile responsiveness. Prepping images and media for the web.
8.15–9.00 Coding round robin.

Homework for next week:
  1. Project 4: Homepage
  2. Reading: American Artist, Black Gooey Universe.
  3. Reading: Frank Chimero, What Screens Want
  4. Reading: Chancey Fleet, Dark Patterns in Accessibility Tech . Or listen as a podcast .
  5. Reading: Critical Interface Manifesto
Oct 5: Class 5 ~ INTERFACE & INTERACTION

6.30–7.20 Project 4
7.20–7.45 Reading discussion
8.00–9.15 Intro to JS

Homework for next week:
  1. Project 5: Interface Surprise
  2. Reading: Shoshana Zuboff, 2019, Introduction, Surveillance Capitalism. (see the drive)
  3. Reading: Joana Moll, Hidden Life of the Amazon User
  4. Listening: Tim Huang, How the $500 Billion Attention Industry Really Works
Oct 9: FALL BREAK
Oct 12: Class 6 ~ DATA

6.30–7.30 Project 5 Review
7.30–7.50 Reading discussion.
8.00–9.00: Work session and review.

Homework for next week:
  1. Project 6: Final
Oct 19: Class 7 ~ FINAL

Project 6 review.