Phinneybischoff.com

pb_home_typography.jpg

Launched Fall 2013

In the Summer and Fall of 2013, I rebuilt phinneybischoff.com to be responsive using Django, Bootstrap, a CMS called Mezzanine, and Backbone.js. I joined the project after the site had been designed for different breakpoints. The tiles at the bottom of the page are positioned through Masonry.js and the sorting and loading of additional tiles use Backbone.js and the Django REST framework.

I had a great time building this site. Cody Rasmussen had designed a fantastic set static comps for the site, and the entire team often discussed ways we could improve the site's interface. Audrey Na eventually designed the custom Case Studies (read: not managed via the CMS). These were particularly fun because Audrey designed each comp at larger resolution and we then worked together to make the decisions about how each Case Study would display for mobile users.

Koasati Digital Dictionary

koasati_dictionary_home.png

Launched Summer 2013

The Koasati Digital Dictionary catalogs and provides an easy interface for users to look up, and listen to, words in Koasati.

This site was a lot of fun to design and build. Not only could I use a number of technologies I hadn't used before, but the faculty member I was working with already had the content (the Koasati words) formatted in an XML file. After writing a Python script to import the words into a MySQL database, I went about using Django, Backbone, Bootstrap, and LESS all for the first time. To get Django and Backbone working well together, I used the Django REST framework to generate JSON-formatted lists of words. I initially used Sass for this project because I had used it for the Honors Fellowships project (see below), but because BootStrap is built with LESS, I thought I would switch to take advantage of all BootStrap has to offer (without needing the work-arounds Sass requires). I also started using Codekit to compile the LESS code to CSS. Pagination of long lists of words was handled through Django's pagination features, the Django REST Framework's pagination serializer, and Addy Osmani's Backbone Paginator.

The Digital Dictionary also needed a number of interactions in order to function. I relied pretty heavily on BootStrap's built-in features to streamline certain actions (such as BootStrap's JavaScript events on buttons and its framework for opening and closing modal windows). Additionally, assigning JavaScript events through Backbone Views makes JS code so much more organized and enjoyable to work on.

PlacePress

place-press-home.png

Beta version released September 2012

PlacePress is a WordPress theme and plugin I developed and designed to allow people to create mapping application. With PlacePress, you can add “places” (shapes, points and lines) to your posts and create a dynamic map for your users can explore. While your users are reading your posts and browsing your map, they can click on three icons that will allow them to focus on your map, posts, or images. Users can also search for place names and post content.

PlacePress uses Google Maps’s Drawing Library and Google’s Places API to allow you to add points, shapes, and lines to a WordPress post.  For single points, you can select one of the markers I made, or user your own.

W&M Honors Fellowships (live site)

WM_honors_home

Launched March 2008

The W&M Honors Fellowships site allows students to post their research projects and donors to fund them (like Kickstarter) during a donation drive each spring.  This site is built with WordPress and uses a theme I created to match the design of W&M's main website.  I wrote a plugin that adds a shopping cart for donations, transferring users the William & Mary's payment processor, and receives requests from the payment processor to update the progress bars for each project.

William and Mary Honors Fellowships » Projects.png