Portfolio
Monday, 22 February 2010
Here are a few 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.
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
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.
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.
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.
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.
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.
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.
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 - 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.
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.
- A URL shortener: Minifi.de. It works, too.
- A trouble-ticketing system for an IT help desk or technical support center. It's really pretty extensive, with asset management and user profiles 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.
- 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 for companies that want to make invoices or reports easily available to their customers.
- 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.
- An update to the above download protection script to protect multiple downloads and generate batches of keys.
- 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.
- Xbox 360 Gamercard WordPress Plugin
- A WordPress Plugin for Title Case Capitalization
- A WordPress Plugin for Adding the Post Date to wp_get_archives
- A fixed version of the Sociable plugin
- A WordPress Plugin for Adding the Post Date to wp_get_archives
- Halo 3 Service Record WordPress Plugin
- Despacer WordPress Plugin (Removes the leading spaces from wp_title())
- 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 old theme as Apricot, a free download at wordpress.org/extend, where it has been downloaded over 7,500 times as of February, 2010.
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 program's three shipping themes.
