Past Assignments
Due Tuesday, July 27, 2021:
-
Typeset an article
Select a body of text – it could be a short story, an op-ed piece, an essay from another class, a white paper, etc. – and typeset it as a webpage. Combine what we've learned so far in class about HTML and CSS to make a unique, considered reading experience. Think about how the content of the text might influence the design. Publish to Netlify
Due Friday, July 23, 2021:
-
NEWSLETTER — PHASE 2b: Planning
Based on your own intuition and the feedback you received this week, choose a direction (or combine). Begin refining, planning, mapping out, or otherwise creating the content for your series. Start thinking seriously about details like your title, domain name, subject lines (email), maybe a unique email address, layout, typography, and how all this might lead to an iterative system. Send out a test of first of your emails for your newsletter out, highlighting the content to come.
Due Thursday, July 22, 2021:
-
Cleaning Up, Getting Organized
Spend some time combing through your class sites. Make sure the home page has a functioning navigation that leads to any class work or relevant past assignments and exercises. Start adding some CSS as well. Publish your updated sites to Netlify.
Due Tuesday, July 20, 2021:
-
Please read the following:
- John Markoff’s “A Free and Simple Computer Link ”
- Olia Lialina’s “A Vernacular Web”
- Olia Lialina’s “Prof. Dr. Style. (Vernacular web 2)”
- Kyle Chayka’s “The Great Web 1.0 Revival”
Links and/or PDFs for all readings can be found in our library.
-
In response to those readings:
- Spend some time digging around the pages on tilde.club, Olia Lialina and Dragan Espenschied’s One Terabyte of Kilobyte Age, or elsewhere. Are.na could be useful here.
-
Collect or generate new screenshots of ten (10) pages that stand out to you. Make your own handmade HTML site with those 10 images along with links –
<a href="">
– back to their source. Somewhere on the page, include a brief writeup explaining what stood out to you for these selections. Was it color, theme, a certain type of image ("Snowflakes", "Under Construction"), etc.? Put this new HTML page in a sub-folder of your class site and title it something like ‘readings’. Publish your updated class site to Netlify.
Due Sunday, July 18, 2021:
-
NEWSLETTER — PHASE 2: Inventing
Come up two entirely different ideas for your newsletter along with some possible contents for each idea. Compose a 100-300 word (approx.) write-up for each newsletter idea – Idea A, Idea B. In addition to these writeups, you should include a total 10 keywords, images, or references (links) for each direction. See the Getting Started and References sections of the project sheet for help. Send your 2 ideas to me and to the class in an email.
Due Thursday, July 15, 2021:
-
NEWSLETTER — PHASE 1: Research
A newsletter can be many things, go through your email inbox, bookshelf, local library or bookstore, apartment / home, go for a walk. Take note of anything you’re particularly fond that offers some degree of “seriality”. You may be drawn to it due to its contents, your own sentimentality, its layout, style, color, etc. Collect three examples (scans, photographs, recorded audio narration, drawings, etc.) that you feel comfortable sharing with the class. Send your three examples as an email to everyone in the class (including Anna and myself).
-
In addition, please read the following:
- Laurel Schwulst’s “My website is a shifting house next to a river of knowledge. What could yours be?”
- J.R. Carpenter’s “A Handmade Web”
Links and/or PDFs for all readings can be found in our library.
Due Tuesday, July 13, 2021:
Looking forward to meeting you all this Tuesday. So that we can hit the ground running, please make sure your computers have all of the following software installed:
- Zoom (You’ll all receive an email with the password to each class meeting)
- A modern web browser with good development tools like a page inspector, JavaScript console, and responsive design mode. Should be Firefox, Chrome, or Canary.
- A reliable code text editor. It will be useful to have one with features or extensions available such as language-specific syntax highlighting, code auto-completion, or Git integration. Some popular ones today include Visual Studio Code, Atom, and Nova.There are plenty of others, so take your pick. In class, I’ll be using VSCode.
In addition to the above software, please sign up / register for accounts with the following (free) services:
- GitHub: For versioning and archiving code.
- Netlify: For hosting and deploying your websites.
- Dropbox Paper: For viewing, sharing, and editing, class documents.
Once you've signed up or downloaded all this feel free to poke around and experiment. Don’t worry, we’ll cover in class what all of these are used for. Also, just a quick reminder about your safety and privacy from on our syllabus:
Although this course does require that you post work online and sign up for some online services, privacy matters. As a student, your privacy is legally protected under FERPA. With anything you publish, you do NOT have to associate it with your name, image, or any other identifying information. Please pick any username you like. Please inform me if you have a preferred alias or name to use on our collective class site. Please use smart passwords. Please be safe.
See you soon,
Matt