A microsite to display my process for the Nest (motion) project in Graduate Form II, taught at the Rhode Island School of Design.

Simultaneously an editorial microsite and a virtual "digital garden." Hand coded in HTML/CSS and Javascript.

Internet Chats explores early web aesthetics, being Asian on the Internet, microtrends, performative activism, self-actualization on the web, parasocialism, and more in a chatroom setting.

Vietnamese Graphic Design (Viet GD) is a casual archive and celebration of Vietnamese design and art.

Her Name is Han is my favorite restaurant in New York City.

Homesick for Another World is a poetic, responsive website. The title comes from Ottessa Moshfegh.

I created a microsite rating all of the noodles I ate while I was in the UK. Inspired by The New York Times.

I created a little collection of online courses or syllabi.

Making a website with no CSS.

I explored the term “accessibility” which I later published in a website and PDF form. I defined the term from five entry points: as an etymology, a concrete example, a historical event, an approach, and a visual phenomenon.

The website, hand-coded in HTML/CSS/Javascript, contains five definitions with buttons linking to additional interactive content. Essentially, it is written in essay style with footnotes. Some content is informative and educational while others are purely experimental or light-hearted.

Frankenfonts, assigned by Nancy Skolos for her Graduate Type I class, required students to create at least ten letterforms made up of several typefaces. These letterforms would later be incorporated into a poster. I also coded and designed an interactive website to display these letterforms which you can visit below.

I created an interactive website modeled after Aidan Quinlan's. "Handmade Web" course at Virginia Commonwealth University.

Keramikos is an interactive piece and a study of typography originally coded in Processing before being converted to p5.js for the web. I wanted to capture the versatile, handmade, and down-to-earth qualities of ceramics in a newer, less "down-to-earth" medium—coding. In the process, however, I realized that coding is very much a "handmade" process, adding to and cutting away from the work (or code) in the same manner of a ceramicist or sculptor.

In a 2x2 grid, each quadrant features two ceramics from a country or region. Hovering over each quadrant changes the background color, and clicking on each quadrant reveals another ceramic from that country or region. The silhouettes reference ceramics from the Metropolitan Museum of Art and were created in Adobe Illustrator. The texture of each silhouette was created using screenshots of Google Maps satellite views of each ceramic’s country of origin. The type for “Egypt” was created in Processing.

Google Maps

When deciding what the contents of the composition of the poster was going to be, I remembered the unique textures that were found in Google Maps. So, I randomly zoomed into various parts of Google Maps, keeping note of the coordinates. The textures I came across reminded me of ceramics because they evoked earthy, mineral, sandy, or clay-like qualities. From this, I decided to focus on four countries and/or regions: Egypt, China, Mexico, and England.

I gave these textures form by silhouetting them with ceramics from the Metropolitan Museum of Art’s collection (using their Open Access image collection).

World Wide Web Spreadsheet contains my research about websites, the Internet, creative coding, blogs, publishing, and more.