Read your assigned chapter of Italo Calvino's Six Memos for the Next Millennium.
Create 3 discussion questions for this group of readings.
Finish two prototypes for P1 that you will present to the class on Monday. Please make sure your class website shows your two proposals as well.
Reading and Watching
Codecademy "CSS: An Overview"
Finish P1 for final version due Monday.
No reading. But please make sure to send 1 or 2 burning questions (if you have them!) about the Internet Archive to firstname.lastname@example.org.
What is Code? by Paul Ford, 2015
(This is a very long article. We aren't going to read the whole thing, but you can if you want to. Required parts: all of chapter 1, all of chapter 2, chapter 3 intro, 3.1, 3.2, chapter 5 intro, 5.1, 5.2, 5.7, 5.8, chapter 6 intro, 6.1, 6.2, 6.5, 7.1, 7.5.)
Codecademy: CSS Selectors
Finish levels 1 and 2 of P2
Complete Levels 3 and 4 of P2 for Monday
Complete Level 5 of P2 for Wednesday
If you didn't finish it, complete your Exercise 3 (one website portrait) and upload it to your class site.
Complete Phase 2 of P2, your navigation system for 25 Variations, for Monday. Remember that it may be helpful to first sketch out (either pen and paper or InDesign) how you want your navigation system to be. Try to have a clear idea of what you want to do before you code.
If you're curious, I've collected more articles about web design criticism here.
In honor of midterm season, please rest this weekend.
However, if you haven't posted your Exercise 4 to your class homepage, please do that. Also, if I recommended you make any changes in my individual feedback, please make them on your P2 25 Variations. I will be grading P2 on Tuesday. Do any other catching up you need to do.
For P3, create three unique directions for your typeface after viewing the demo in class. Begin by sketching the letters H O D N O P. Conceptually and formally, each direction should be uniquely different from each other. While sketching, consider how each typeface would exist as code and in the browser space. (Do this in InDesign or Illustrator, and come to class on Wednesday with a PDF.)
Computed Type by Christoph Knoth, 2012
Based on feedback, design "HODNOP" in three additional directions for P3. If you have a favorite direction, see how far you can push it. Try creating specific words in your typeface that aren't HODNOP. Try seeing what happens when you have a whole sentence. Then show how at least one letter of your typeface looks or behaves in code. Continue to think about how your typeface as a whole will behave on the web.
Remember to finish your Exercise 5 and post it to your class website.
12:00 — Laluna
12:15 — Kyoka
12:30 — Emely
1:00 — Alfonso
1:15 — Lynn
1:45 — Ryan
4:00 — Ashley
4:15 — Mike
4:30 — Tammy
4:45 — Jared
5:00 — Janice
5:15 — Heike
5:30 — Jady
5:45 — Nanfang
6:00 — Kianna
6:15 — Yasmeen
6:45 — Kelly
Complete your typeface drawing (in Illustrator, etc.) as much as possible. Here are the characters I would like you to have by then:
(choose either lower or upper case)
Please create two unique proposals (using InDesign) for the website your typeface will live on. How can your website's focus not only reinforce but push forward the concept of your typeface? Remember to upload the PDF to your class website.
If you haven't already, please put your Exercise 5 on your class website. If you haven't completed it, please use this weekend to do so.
For P3, continue developing your website and your typeface. See how far you can push it. On Monday, I want to see it in code, as complete as possible. It will be due the following week (Week 12).
CSS Typeface Critique Format
Next week, we'll be having a final critique on CSS Typeface. The format will be a bit different than before. We'll spend about 14 minutes on each person. For the first ~4 minutes, we'll look/experience at the work without any talking. Then, for the next ~8 minutes, everyone but the designer can talk. During this time, we should try to have a conversation about the work, or at least describe it. Then, in the last ~2 minutes, the designer can respond to the conversation we just had.
Listening and reading
Listen to the podcast and read the PDF on the P4 Hoax page. Think about the connections between the two and your personal opinion on both. Paste a paragraph written response in the Week 13 Google Doc before 10am on Monday.
Produce a wireframe/sketch of the hoax website, beginning with the home page. Once your wireframe is complete, design one or more basic page templates for the site. If you are proposing a complex user interaction, quickly code an interaction prototype.
Code your Hoax website. By next week, your site should be online and basically functioning as intended. This will allow us to troubleshoot design and code issues in class and give you the final week to fine tune the elements (such as the responsive-ness) of the site.
From the syllabus: "At the end of the term, you will be required to send me an archival .zip file to document your projects. Divide your materials into five folders: P1, P2, P3, P4, and Presentation. Within each project (P1, P2, P3, P4) 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 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. Within the Presentation folder, place a PDF version of your presentation into the folder. When you make the .zip file, send it to me over wetransfer.com. Please keep this in mind as you organize your materials throughout the semester."
Update: This is due via email on Friday, December 11th.