The first section of my portfolio contains my work on the Virginia-Maryland College of Veterinary Medicine’s web site. Due to the nature of my work at the vet college, my web development skills advanced significantly and rapidly during my time there. So much so, in fact, that all of my prior work pales in comparison. Consequently, I’ve set aside a smaller section at the end of my portfolio for earlier web development projects that may be of interest.

Virginia-Maryland College of Veterinary Medicine www.vetmed.vt.edu

Project Summary

In 2014, the Virginia-Maryland College of Veterinary Medicine’s site design was more than five years old and showing its age. Over the course of a year, our two-person web team rebuilt the site from the ground up. My role was to design the site and write the code. I’ve documented some of my favorite contributions here.

VA-MD Vet Med site at various sizes

Responsive Design

The site will display beautifully, whether it is viewed on a phone, tablet, or desktop browser.

(By the way, so will the site you’re reading right now!)

Semantic HTML5 Markup

The HTML markup throughout the site now partitions the content into meaningful blocks, perfect for manipulating with stylesheets or scripts.

On-Demand JavaScript Features

When you’re working without a content management system, like we were at the vet college, templates tend to be all-or-nothing affairs. That works fine for most pages, but what happens when you need a JavaScript feature like an accordion, slideshow, or sortable list and can’t insert a script tag into the header or footer?

I worked around that problem by including scripts for those features right in the template code. Whe the page loads, it checks for the presence of specialized HTML attributes and initializes those scripts on demand as needed.

Older Work

Prior to my time at the Vet College, I was the lone web designer and developer at a short-lived advertising agency in Williamsport, Pennsylvania. The agency shut down shortly after I left, and all of the sites I created there have either been shut down or altered beyond recognition since then. I’ve preserved some record of them here in the form of screenshots and a brief description of my work for each site.

New Era Advertising

Project Summary

I was responsible for designing and building this advertising agency’s web site. In accordance with my employer’s specifications, it included a Flash-based carousel, fluid design, and a PHP-powered “Contact Us” form.

This site is no longer online, as New Era Advertising went out of business in 2012.

Muncy Industries

Project Summary

Muncy Industries, a machine parts company located in Pennsylvania, hired the firm I worked for to update their outdate web site. In addition to giving the site a fresh, new look, I converted their print catalog into a web-friendly HTML files. I even converted their old, Flash-based homepage slideshow into a more mobile-friendly JavaScript version.

This site is not linked because it has changed significantly since I last edited it.