Portfolio
Here are some of the sites I have worked on. Where possible, I have linked to the site. However, since the web is always changing, I have also provided files as I originally built them.
- www.gale.com
- Corporate Web Site Template — XHTML & CSS
-
This template was a major step away from table-based web design and toward standards-based, semantically driven (X)HTML. Given the layout and required elements, the template was broken into logical divisions and a code standard implemented. Cascading style sheets position all of the elements and control almost all visual display. The site contains both two and three column versions of the template and a simple CSS rule was created to allow one template to be used.
- Created the base HTML templates and style sheets for the 2005 redesign
- Designed site architecture and navigation
(Graphic desgin by Internet Art Director)
Static page templates as originally coded:
- two column
- three column
- Librarian sub-page with article link
- Thomson Gale E-newsletters Template
- Corporate Marketing Communication — HTML & CSS
-
HTML emails pose unique challenges. Because the <head> element is often striped or altered, external style sheets can not be relied upon. Additionally, not all email clients render advanced CSS properties (such as positioning) correctly. The solution is to use table-based layouts and to break convention (and some validation) by including <style>> blocks within the main portion of the email, along with inline styling.
In order to streamline e-newsletter production at Thomson Gale, I created one master template. An ID on the <body> element is used to alter the color scheme from newsletter to newsletter. The end results are newsletters that can be created very quickly and that display nearly perfectly in all major email clients.
- Created HTML template for e-newsletter
- Utilized CSS selectors to switch styles so only one template was needed to produce eight different newsletters
- Created sign-up form and managed Uptilt account
(Collaborated on design with Internet Art Director)
- sleepingbearpress.com
- Corporate Web Site — HTML Template & CSS
-
Created the HTML and CSS files for a small imprint publisher's web site.
(Graphic design by Internet Art Director)
Static page template as originally coded: Sleeping Bear Press home page
- Thomson Gale Product Site Redesign
- Online Reference Product — CSS
-
Working as a consultant to the product development team, I provided input toward the creation of semantic and valid (X)HTML 1.0 Strict templates for a new iteration of Thomson Gale's online delivery platform.
After the templates were created, I created 8 CSS files (more than 2,400 lines of code) to control every aspect — from positioning to styling — of the 15 different (X)HTML templates. Outside of core settings, nearly every template needed customized exceptions to the style rules. The result is an very complex interface for a multi-million dollar product that works in all major browsers and platforms.
- Created total of 8 style sheets
- Assisted in creation of 15 XHTML templates
- Extensive cross-browser testing
(Graphic design by Art Director)
Static template sample: Advanced Search templete
- Thomson Gale E-newsletter Archive
- Dynamic Archive — Perl Script
-
To save time and ensure that newsletters were accurately added to the archive, a Perl script was written to automate the process. The script parses the newsletter directories and finds the newsletter files. It then creates and fills in the form select boxes. The script is modularized using subroutines to streamline repetitive tasks and to allow for easier modification in the future.
Text version: Archive Perl script