Readings & Media
Some of these will be assigned, others not. If you are curious about a specific topic, feel free to explore more.Internet, Web, & Decentralization
- Paul Ford, “Reboot the World” (2015)
- Tara Vancil, “An Abbreviated History of the Web” video lecture (2017)
- Werner Herzog, “Lo and Behold” video documentary (2016)
- Alexander Galloway, “Chapter 1, Physical Media” from Protocol (2006)
- Anil Dash, “The Web We Lost” video lecture (2012)
- Yancey Strickler, “Dark Forest Theory of the Internet” (2019)
Websites & Links
- Laurel Schwulst, “My website is a shifting house next to a river of knowledge. What could yours be?” (2018)
- Gordon Brander, “All You Need Is Links” (2022)
- Interview with Charles Broskoski (2017)
Human Scale & Questioning Growth
- JR Carpenter, “A Handmade Web” (2015)
- Becca Abbe, “The Internet's Back-to-the-Land Movement” (2019)
- Kevin Bewersdorf, “Reversing the Flow of Internet Expansion” (2014)
Creativity & Connectivity
- Jenny Odell, “How to Grow an Idea” (2018)
- Leo Shaw, “Learning Trails” (2019)
- Éduoard U, “On Building Knowledge Networks” (2018)
- Kameelah Janan Rasheed on research and archiving (2017)
Books, Literature, & Interactivity
- Paul Chan at the NY Art Book Fair video lecture (2012)
- Octavia Butler & Samuel Delany in Conversation at MIT (1998)
Physicality of the Internet
- Jill Lepore, “The Cobweb: Can the Internet be archived?” (2015)
- Ingrid Burrington, “Sand in the gears” (2018)
Exploring the Handmade Web
Collective Institutions & Hubs
- HTML Energy
- HTML Energy Podcast
- Gossip's Web
- Gossip's Talks
- Kicks Condor
- Neocities
- Fruitful School
- Fruitful Blog
- The School for Poetic Computation
- Rhizome
- Rhizome Net Art Anthology
- Are.na
- Are.na Blog
Individual Designers, Artists & Studios
- Becca Abbe
- Aidan Quinlan
- Ritu Ghiya
- Tiger Dingsun
- Ana Meisel
- Shiraz Gallab
- Rahul Shinde
- Elliott Cost
- Tiana Dueck
- Min Guhong
- Rosa McElheny
- Aarati Akkpeddi
- Weiyi Li
- Yehwan Song
- Sasha Portis
- John Provencher
- Andrew Herzog
- Tracy Ma
- Steph Davidson
- Mindy Seu
- Nazli Ercan
- Eric Li
- Bhavani Srinvas
- Chia Amistola
- Megan Pai
- Katherine Frazer
- Tauba Auerbach
- Soft
- Olia Lialina
- Young Hae Chang Heavy Industries
- JODI
- Cory Arcangel
- Rafael Rozendaal
- Petra Cortright
- Harm van den Dorpel
- Damon Zucconi
- Sulki & Min
- Fuchs Borst
- Linked by Air
- Experimental Jetset
- Manuel Raeder
- Everything Studio
- O-R-G
Sister Classes
- I-N-T-E-R-F-A-C-E by David Reinfurt at Princeton
- Software for People by Rosa McElheny at Yale
- Handmade Web by Aidan Quinlan at VCU
- New Order by Min Guhong (Seoul)
- Fruitful School by John Provencher & Laurel Schwulst (New York)
Technical Resources
Downloads
You should make sure your computers have:
- A web browser. I'm using Firefox, but it's often similar in Chrome. Both have great developer tools.
- A code text editor, like Atom, Sublime Text, or Brackets.
Self Help
If you can describe your problem in words, you're already halfway there.
Getting started
For a good general overview:
- Web Zine 01 by Zach Mandeville
- Mozzila: Getting started with the web: Dealing with files
- Mozilla: So what is HTML, really?
- Mozilla: So what is CSS, really?
- Mozilla: So what is JavaScript, really?
HTML
HTML stands for Hypertext Markup Language. It's used to structure a webpage and its content. HTML is not a programming language, but a markup language.
- Laurel's Basics of HTML Video
- Aidan's HTML PDF
- htmlreference.io
- Mozilla: HTML
- Shay Howe: Building Your First Web Page
- Shay Howe: Getting to Know HTML
- W3C HTML Validator
CSS
CSS stands for Cascading Style Sheets. It's a series of rules used to style a webpage. Like HTML, CSS is not really a programming language—it's a style sheet language.
- Laurel's Basics of CSS Video
- Aidan's CSS PDF
- cssreference.io
- Mozilla: CSS
- Shay Howe: Getting to Know CSS
- CSS Specificity
- Shay Howe: Opening the Box Model
- The Shapes of CSS
- Learn Layout
- DevTips on YouTube: CSS Basics
- DevTips on YouTube: CSS Positioning, Part 1
- DevTips on YouTube: CSS Positioning, Part 2
- Flexbox in 5 Minutes
- Flexbox Froggy
- CSS Tricks
- 1 Line Layouts
Webfonts
JavaScript and jQuery
JavaScript is the programming language of HTML and the web. Interaction with the user, animation, etc., are all done with JavaScript. jQuery is a library, or set of helpful add-ons, to the JavaScript programming language. In general, jQuery is much better at giving you immediate, visual results than regular JavaScript. In this class, it's likely you'll use a mix of basic JavaScript and jQuery.
- Mozilla: JavaScript
- jQuery Basics
- DevTips on YouTube: Learn jQuery in 15 Minutes
- Codecademy: Learn jQuery
- Eloquent JavaScript
- JavaScript: The Good Parts
Debugging
Online tools
For prototyping, testing, and iterating on pieces of code: