Portfolio

I’ve been developing web sites since 2000, solo and collaboratively with some very talented designers.

Here are a few recent examples of web site design and development, PHP programming and scripting, and theme and template development projects that I’ve been involved in.

Web site development

I’m most comfortable in a strictly development role — translating the client’s design into XHTML and CSS — but I do some original designing on occasion, too.

Below is a sampling of web development projects I’ve worked on.

Big Black Pencil

Big Black Pencil

May, 2010

Role: developer

Contribution: customize a WordPress theme

The Big Black Pencil redesign project was a close collaboration with the site owner, who wanted a dramatically new look for his site. I helped him pick out a professionally designed theme that met this site’s particular needs, installed and configured some plugins, and then fixed a few bugs in the theme and otherwise bent it to his will. Images were edited, page hierarchies were created, and within seven days the new look was up and running.

Saint Joseph's University Online

Saint Joseph’s University Online

February, 2010

Role: developer

Contribution: update the navigation to use a different JavaScript library

The Saint Joseph’s University project was one of those gigs where you’re asked to perform a seemingly simple task but keep finding more and more that needs to be done. In this case, the designer just wanted to change the navigation. I ended up cleaning up a good deal of the code, making the site more modular, fixing some broken links, etc… All in a day’s work, and the site will be better for it.

Sacred Heart University Online

Sacred Heart University Online

December, 2009

Role: developer

Contribution: all of the XHTML, CSS, and JavaScript, some image manipulation

The Sacred Heart University site was the most challenging design I’ve worked with to date, due to a large textured background and free rein to select and implement a JavaScript slide show. The site uses optimized images, minified files, and other tweaks, but I’m still not satisfied with the page load performance. On the other hand, the layout faithfully reproduces the designer’s PSDs, from the the partially transparent touts down to the navigation on the jQuery slide show.

Anna Maria College Online

Anna Maria College Online

August, 2009

Role: developer

Contribution: all of the XHTML, CSS, and JavaScript, some image manipulation

Anna Maria College was the first site that I developed since installing the Page Speed Firebug plugin, and I have made it a point since to really improve on page load times. The site uses optimized images, a single minified JavaScript, and a single CSS file 165 total rules. I’ve also paid greater attention to the order of my includes so as to not restrict parallelization, described in more detail in this video about properly including style sheets and scripts. As such, I’m pretty pleased with its performance.

This site was also the first one I developed for designer Kevin Zeph.

Lewis University Online

Lewis University Online

March, 2009

Role: developer

Contribution: all of the XHTML, CSS, and JavaScript, some image manipulation

Lewis University needed a new site to highlight three online Master’s degree programs. The most interesting part of this project, developmentally, was a Flash-like slide show thing that actually uses script.aculo.us’ Effect.Move. It’s so smooth and graceful that the designer and I just kept referring to it as ‘the Flash thing’ to keep it simple. Script.aculo.us’ Effect.Blind is used elsewhere to shorten longer pages, keeping them easily scannable (is that a word yet?), yet displaying more detailed information with a click.

Specialty Inspections

Specialty Inspections

January, 2009

Role: developer

Contribution: all of the XHTML, CSS, and JavaScript, some image manipulation

Specialty Inspections offers home, termite, roof, chimney, and pool inspections, and needed a web site with an online inspection order form and payment system. I used a MooTools accordion to reduce a rather intimidating, 60+ field order form into three approachable steps with a real-time cost calculator. This was a very enjoyable project, thanks to an excellent point person at Specialty Inspections.

Human Resource Leaders

Human Resource Leaders

April, 2008

Role: developer

Contribution: all of the XHTML and CSS, some image manipulation

This is an excellent example of a typical small-business site. It’s small, only four pages, but it’s easily navigable and has useful content on each page. At the time, this site used z-index more extensively than any other.

TABU Tackle

TABU Tackle

July, 2007

Role: designer and developer

Contribution: the entire site is my original work

TABU Tackle is a new fishing lure company owned an operated by a group of professional anglers. I was tasked to develop a web site that would fit thematically with product packaging and advertising elements already in place. TABU also needed something that could be updated easily by five different guys, so naturally I chose to install WordPress and create a custom theme.

Michael Murphy

Michael Murphy

December, 2006

Role: designer and developer

Contribution: the entire site is my original work

Michael Murphy asked me to update his site from one that was fully Flash to one that was search engine friendly. Within a few weeks, we started seeing dramatic improvements within the search engines’ rankings. The site uses a pretty clever trick to force IE versions < 7 to show transparent .png files, too.

Life At Sea

Life At Sea – Decommissioned

June, 2006

Role: designer and developer

Contribution: the entire site is my original work

Life At Sea is a band, but I was asked to design a site that wouldn’t be overly “bandy.” I tried to play with the lonely isolation of the name and chose a black-and-white photobook look, as though one was looking back at a lifetime of solitary moments. Sadly, solo projects, families, careers, and one relocation from Chicago to Atlanta took their toll and the band, and the site, are on indefinite hiatus.

Brian Morgan

Brian Morgan

July, 2005

Role: designer and developer

Contribution: the entire site is my original work

Brian Morgan makes wicked, captivating art using black humor to point out social injustices. I followed his input on artistic direction and gave him a black and bull’s blood red backdrop to showcase his paintings and illustrations.

Programming and scripting

Web Applications

Lately, I’ve been working on developing full-featured web applications. Here are the big projects.

  1. A dice roller: rollforit. Enter a name, create a room, invite your friends, and start rolling dice. For people who want to play pen and paper, table-top RPG dice games with their distant friends.
  2. A URL shortener: Minifi.de. Minifi.de comes with an API and a bookmarklet. It really works, too! The technical explanation has more details.
  3. A social networking site: Snapbase. Snapbase is a social site that shows you what’s going on in your city or anywhere in the world as pictures are uploaded by your friends and neighbors. The application extracts location information from the EXIF data embedded in images and displays recent images taken near your present location.
  4. A trouble-ticketing system for an IT help desk or technical support center. It’s really pretty extensive, with asset management, user accounts, salted encrypted passwords, and all sorts of nifty things. I really must write a full description of it at some point, but until then, the documentation is the next best thing.
  5. An account-based invoice tracking and access system for grouping invoices according to clients, then sharing invoice history with those clients and allowing them to easily pay outstanding invoices via Paypal.
  6. An account-based document access system for sharing one or more documents, where access requires a key comprised of a long string of characters. Like the sharing function of Google Docs, but designed for small businesses that want to make invoices or reports easily available to their customers.
  7. A simple method for protecting a download using a unique URL that can be emailed to authorized users. The URL can be set to expire after a certain amount of time or any number of downloads.
  8. An update to the above download protection script to protect multiple downloads, generate batches of keys, leave notes about who received the key, the ability to specify per-key the allowable number of downloads and age, and some basic reporting.
  9. An HTML auction template generator called Simple Auction Wizard. It helps you create HTML auction templates for eBay, and uses SWFUpload and tinyMCE.

WordPress Plugins

These are a blast to create. WordPress is nothing if not customizable, and building a plugin to add some here-to unavailable functionality is pretty fun.

  1. Xbox 360 Gamercard WordPress Plugin
  2. A WordPress Plugin for Title Case Capitalization
  3. A WordPress Plugin for Adding the Post Date to wp_get_archives
  4. Despacer WordPress Plugin (Removes the leading spaces from wp_title())
  5. A fixed version of the Sociable plugin
  6. Halo 3 Service Record WordPress Plugin
  7. Halo 2 Stats WordPress Plugin

Theme and template development

WordPress themes

WordPress themes are exceptionally easy to create and there are thousands to choose from. Unfortunately, the very ease with which they are created leads to a plethora of really mediocre themes. I felt that there was a demand for simple, even minimalist themes that get out of the way of the author’s content. So, when ardamis.com was ready for a redesign, I released the theme it had been using as Apricot, a free download at wordpress.org/extend, where it has been downloaded over 10,000 times since August, 2008.

  1. Apricot – A WordPress Theme

Plogger themes

Plogger is a pretty nice PHP image gallery, though not without its faults. The guys there were nice enough to include my Air theme as one of the three themes bundled with the program.

  1. Broadway 2 + Lightbox: a Plogger theme
  2. Plogger 3 theme: Broadway
  3. Plogger beta 3 theme: Air
  4. Plogger beta 3 theme: Softer
  5. Plogger beta 3 theme: Diffuser