Week Nº 28
Apr. 22
Session Recording
Functions Presentations
As you know, class today (and next week) are for our final project presentations. Here’s the lineup for today:
First Half
- Soko
- Kinza
- Mia
- Kimaya
- Cason
Second Half
- Maika
- Evgenii
- Trenton
- Chareese
- Lucy
Class Zoom
Mic and cameras on!
The rest will go next week!
Unit Nº 4: Extra Credit
We know some folks were surprised by (and unhappy with) their fourth project evaluations. We stand by these—but do want to give another opportunity to incorporate our feedback and also demonstrate your understanding of the unit (and course) material.
Traditionally, we’ve allowed people to revise and resubmit these projects and better their grades. But in light of the early and ubiquitous presence of “AI” in these—where the LLMs were in control—we don’t think this would really be useful here. We need to see what
So we’re offering an alternate extra-credit assignment:
-
Choose two or more artworks—preferably on a theme or in conversation—that you can find online. You’ll be
interpreting these in our medium of the web. -
Make sure it is something where you can credit the original artist, and link to more information about the work.
-
These are probably more approachable if they are
non-representational —so not photos or paintings. Think posters, abstract art, minimalism, geometric forms. -
In a new repo, using only HTML elements and CSS properties, you will “draw” each of your artworks. You can also make use of text—but no images! Think of HTML elements as your “daubs of paint.” If you need to make a mark, make an element.
We are not looking for Diana Smith level of fidelity—but are expecting
interpretation . Sometimes approximations are better! -
Since these are primarily visual elements, non-semantic containers (like
div) would be appropriate. But use semantic tags (likefigure/figcaption) outside, where it makes sense. -
Include a
tombstone for each artwork—the artist, title, and date. And provide a link to the original source for your artwork! -
Avail yourself of advanced styles, but still demonstrate thorough use of nesting,
grid, variables, and overallstructured ,systematic thinking. No (or at leastvery few) “magic numbers!” -
These should be responsive, of course. And mind your metadata!
-
We also want you to include some basic-but-interesting
interactivity via Javascript, by toggling between states. Think:before andafter . -
Think of how the works can be enlivened, here! Make it “webby.”
-
These will be due at the end of the semester, along with your
Index project, on May 15. Be sure to add a link on those, as well. -
We’ll evaluate these based on your creativity, engagement, and demonstration of
your own understanding of our medium, the web. -
This will be applied towards improving your Project 4 grade.
We don’t want you to use any form
This is just you and our course material.
For next week
-
Taking a step back, we have a couple readings to round out our unit and semester. The first—around the seemingly inevitable rise, shift, and fall of
platforms :TikTok’s Enshittification
Cory Doctorow, 2023 -
Add your reading synthesis, as usual:
For last class
-
And our very last reading, about aesthetics, nationalism, and the actual
work of design:A notional design studio.
Ethan Marcotte, 2025You might remember Ethan from our responsive intro!
-
And your
last response:
For the end of the semester
-
If you’re unhappy with/worried about your grade for our
Links projects, you can complete the extra-credit opportunity, above: -
And finish up your
Index projects!We want to encourage you to manifest your own design aesthetic and personality in these. They are—as we’ve mentioned—what we reference and send out for alumni past. So the more you and the more interesting, the better! It’s small; it’s yours. Make it fun. Play us your one song.
And if all that doesn’t matter to you, we’ll remind you these are worth 10% of your grade!
Both Due the morning of Friday, May 15!