This course will explore the possibilities of design online from a conceptual, historical and programmatic perspective.
We will celebrate the Internet as a space for social and creative exchange as well as medium for independent expression. However we will also consider the browser as a tool of creative expression, in contrast to how it is often presented as a means of pragmatic exchange and consumption.
Through projects, readings, workshops, and presentations we will explore the relevance of network technologies in the context of contemporary art and graphic design practices.
Students will learn basic HTML, CSS, and JS programming along with methods for conceptualizing, designing, and developing websites. Outcomes won't necessary be practical, nor pragmatically functional. Instead we will strive for a poetic understanding of design and the Internet as mediums for critical research and discourse.
- Develop a theoretical knowledge, technical understanding, and historical basis of the internet and design online
- Develop technical skills (HTML, CSS, and JS) to produce functioning websites
- Stimulate critical positions around design principles within networked technologies
- Analyze current digital aesthetics and their historical context
- Understand the social and cultural implications of information flows online
- Explore the Internet as a space that is public and private, and the corporate and political tensions embedded in such condition
- Gain insight into the contemporary landscape of Internet-based art and design practices
- Personal Laptop
- Sublime Text for editing and updating code
- Github pages for website hosting
- Dropbox Paper for reading discussions and text documents
- Adobe CC, or equivalent software (Sketch, Figma, Framer) for image/media generating and editing
- Phone, digital camera, scanner, screen capture etc.
- Each student will be responsible for presenting a short verbal summary of one reading, and leading a class discussion around it. Sign up for your week to present in this Paper doc
- For every reading, each student must submit 3 questions to that week’s Paper doc (viewable in the Calendar section of this website) before 1pm the day of the assigned reading discussion.
Tuesdays generally consists of any combination of the following:
- Reading presentation/discussion
- Topic lecture/discussion
- Project critique/discussion
- Group activity
Thursdays generally consists of any combination of the following:
- Skill based workshop
- Personal working time
- One one one meeting
- 60% ... Projects 1 and 2
- 30% ... Workshop / Weekly Exercises
- 10% ... Reading Presentation and Participation (reading responses, class discussion, critique, etc.)
Letter grades represent the following:
A = excellent;
B = good;
C = satisfactory;
D = unsatisfactory;
F = failure.
A grade of C- or less is considered a failing grade for required courses within the major, and you will need to retake this course if you achieve a grade lower than a C.
Attendance is required. Students are expected to be on time and remain in class for the entire period scheduled. Work missed due to any type of absence is the student’s responsibility. Three or more absences will result in a failing grade. Three arrivals later than 15 minutes after class begins equals an absence. If you absolutely must miss class, email me in advance.
Students are expected to generate their own work. At the same time the nature of the web is inherently build on sharing knowledge and resources, and building upon others work – as such we will get familiar with using pre-existing code, language, and imagery as materials we shape into our own unique projects. We will learn how to appropriate mindfully, and credit work properly.
Remixing existing code is often an important part of learning, but any code you take from an online resource needs to be commented with the source location where it appears in your project. For example:
Further, when using found code make sure that your use of it is appropriate to your project, and outside code should not dictate the design of your projects as experienced by the user. If the function or style of your site is identical to your source, that is likely a problem. Any snippets of code on the resources page are free to use. If you are unsure if your reuse of code is appropriate, ask!
You may not use graphics, images, video, audio, or any other design elements that you did not create yourself, or that are obvious recreations of others work, under the pretense that they are your work. With the possible exemption of:
- Graphics such as a Facebook or Twitter icon in reference to those sites, etc, and that only in accordance with those organizations guidelines for such an elements use. In such cases those graphics should be a minor element in your design.
- If an assignment requires you to display found imagery and it is properly attributed
- Use of imagery in the Creative Commons that is cited and used based on its license
If you are unsure if the use of a design element is appropriate, ask!
Unless stipulated by an assignment, or approved by the instructor, all written content should be written by you. If it is approved by the instructor, make sure to cite the text appropriately.
Submitting your work and Class Archive
Any exercise or project that you submit for grading must be uploaded to your class website before each class. Even if you are done with your work on your local computer, it will be considered late work if it is not visible on your class website.
If a project is not uploaded on time, it will be docked one letter grade per class meeting that it is late. You can resubmit your work at the end of the semester with revisions to be regraded.
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.
Send me your your archives by Tuesday May 14
Please follow the instructions below:
- Download this starter kit.
- Divide your materials into three folders: Workshop, P1, P2.
Within each project (Workshop, P1, P2) folder, make three new folders: Project, Documentation, Description.
- Put all of your project materials (code and required assets) into the Project folder.
- In the Documentation folder, place a series of .png files, or a video screen capture (made using Quicktime) to concisely document your project.
- Within the Description folder, place a text file containing a paragraph description of your project.
- When you make the .zip file, send it to me over wetransfer.com.
- 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.
This course was developed in 2019 in collaboration with in collaboration with Livia Foldes and Will Ruby. It is based on a course that was designed with Federico Pérez Villoro in 2017, and influenced by curriculums developed by Mindy Seu, Clement Valla, and Laurel Schwulst, and past versions of Interactive 1 at CCA.
It runs on Kirby and was adapted from a site developed by Laurel Schwulst.
It is typeset in Everson Mono by Michael Everson.