Featuring information design, writing, and editing
This functioning website contains sample pages demonstrating the development and deployment of “Building Bonbons,” a food-based instructional website. When complete, this website would offer background information, how-tos, and recipes to enthusiasts of bonbons and other bite-sized confectionery. The demo includes one instructional video.
This fun and informative interactive game was created as part of a website encouraging pet adoptions in Seattle. The photo grid and individual graphs are generated on the fly via code I wrote in JavaScript and D3.js and a pet-registration data file of over 85,000 records.
Put simply, this is a web graphic designed to advertise and present key points of the book “Interface Design for Learning.”
Here are a few basic interactive charts I created during my first forays into D3: a line chart, a series of small multiples, a choropleth, and a strange but fun force-directed graph.
I created this lightweight CSS framework and accompanying site created for a web-design class. The framework features a 6-column grid with two breakpoints, a color scheme, table and list styling, and responsive typography. The website includes documentation on how to install the framework, employ the grid, and use the various styling features.
In this two-page website, I deploy fun fishies and seemingly mundane wall hangings to explore various features of CSS animation, including transforms, filters, scaling, rotation, opacity shifting, and timing.