STUDIO:
STORY AS NETWORKS

Choose one short story and set the text using HTML and CSS (JS optional) so that the reader will not only be able to read the story but also experience my interpretation of the story. Use the visual language of the web—hypertext, responsive design, forms, color, divs—to express the meaning of your selected story.

ELASTIC COLLECTION

The website I am introducing is a nostalgic online marketplace that allows users to experience the traditional market scene from the Tao’s childhood memories.

NYC IN DATA

A user-friendly website that documents all the dog runs across New York City, presenting information in a conversational format and list view. With delightful illustrations, it provides a comprehensive guide for dog owners.



LAB:
GRID LAYOUT

JSON COLOR

THEME SWITCHER

11TY WEBSITE



EXERCISES:
VARIABLE FONTS

MODULAR LETTER

DATA COLLECTION EMOJI

TYPOGRAPHY WORKSHOP

API DATA

INTERACTIVE WORK DOCUMENTATION



RESPONSES:
READING RESPONSES
LECTURE RESPONSES