- Topics:
- apps
- css
- games
- javascript
- mobile
- node
- php
- speaking
- tehcl
- textmate
- tools
- video
- webgl
- published:
- 2010.01.17
I lead the team of people for Student Unions & Activities at the University of Minnesota who built this touch screen building directory installed in Coffman Memorial Union. The directory is a web app running in WebKit on a Mac Mini attached to a touch screen monitor. No Flash was used. Many of the graphic elements like the panels and buttons are generated entirely with CSS3. The 3D floor diagrams were created with Google SketchUp. Here's a first look at the project which launched early on Friday, January 15th:
We used a usability test driven design process. We were able to completely redesign portions of the project in the week before it launched based on direct user feedback. We are continuing to test and make iterative improvements to the directory. Special thanks to the totally epic team that made this possible: Ellie, Ethan, Kamran, Ken, Sungho, and Trent. My leadership role included project management, creative direction, information architecture (IA), and user experience (UX). My development role included core PHP and MySQL work, as well as JavaScript work on the drag-and-drop administrative tool for the map data.
Update: This project won 4th place overall in the University of Minnesota 2011 Quality Fair! That's a huge honor, and I want to congratulate my former team at Student Unions & Activities for their continued work on this application.
- published:
- 2009.12.21
- topics:
- css
- javascript
Add festive and 100% Flash-free falling flakes of snow to any web site. Friend of the winternet using Firefox 3.5+, Safari, or Chrome will enjoy fancy depth-of-field and rotation effects accomplished entirely with CSS and a little JavaScript!
- published:
- 2009.03.11
- topics:
- css
- javascript
- tools
Rotate3Di is a jQuery Effect Plugin that makes it possible to do an isometric 3D flip or 3D rotation of any HTML content. It also enables custom 3D rotation animations. CSS Transforms are used to create this visual "3D" isometric effect. Supported browsers are Safari, Chrome, Webkit, Firefox 3.5+, IE9+, and Opera 11+. The plugin's functionality includes: setting or animating HTML content to an arbitrary isometric rotation angle, as well as flipping, unflipping, or toggling the flip state of an object.
- published:
- 2009.02.18
- topics:
- css
- javascript
This tool will transform any website into an animated cut scene inspired by the original Batman TV series and the Harvey Birdman cartoon series. WebKit/Safari browsers only for now — it is a work in progress.
- published:
- 2008.11.19
- topics:
- textmate
- tools
A TextMate Theme optimized for web developers. This theme assigns a separate set of color rules and subtle background shading for code, markup, and styles so the developer can quickly and easily differentiate between them visually.
