Election 2008

Before I created the Election 2010 frontpage template, there was this back in 2008…

Election 2008 Frontpage Template
Election 2008 Frontpage Template

I used HTML, Photoshop for graphics, Saxotech script (a proprietary programming language used to display news articles), and JavaScript to run the vertical scroll (running under “Key New Jersey Results”).  See picture.

2010 Election Results Update

Last night, I gave my election results theme a slight upgrade.  I gave the editors a way to update a candidates vote tally, as you see below.

2010 Election Results Front-Page Upgrade
2010 Election Results Front-Page Upgrade

The admin panel, where an editor could edit candidate’s info or delete a candidate, was programmed in PHP and all the data is stored on MySQL database.

Election results admin, where managers update their vote tallies.

2010 South Jersey Voter Guide

2010 South Jersey Voter Guide
2010 South Jersey Voter Guide


Project Conceived:  Late-August 2010

Project Completed:  October 13, 2010

  • Layout: Designed and sliced in Photoshop and coded the content in Dreamweaver.
  • Map Graphics: I edited three New Jersey graphic maps in SVG in Adobe Illustrator to give districts/counties some gradient color and some outer glow along the border.  I later exported it in compressed JPEG image format.
  • Map Navigation: Used HTML, JavaScript and CSS to show and hide maps instantly when a reader clicks on a map link.

High School Varsity Sports Live Video Page

High School Varsity Sports Live Video Page
High School Varsity Sports Live Video Page


Project Completed:  July 2010

Page was designed in Adobe Photoshop and primed in Dreamweaver.  Our live video provider Livestream.com allowed us to use their video player, live chat and video library widgets for content.  Proprof.com provided free polls.

UPDATE: I’m happy to announce that my live sports video page got a big-money sponsorship deal with an area store and that this page will go live this fall, right in time for high school sports season!

CourierPostOnline.com Re-Design

Original CourierPostOnline.com Design
Original CourierPostOnline.com Design

CourierPostOnline.com Re-Design
New CourierPostOnline.com Design


Project Conceived:  April 2010

Project Completed:  June 2010

The layout was based on our sister newspaper web site, the Asbury Park Press in Neptune, New Jersey.  However, I added and tweaked some aspects to make our page look like our very own.

Front-page Tweaks:

– The news ticker was coded in HTML, CSS and JavaScript and pulls in the latest ten stories from the paper’s content management system.

– The four red tabs were coded in HTML, CSS and AJAX.  Each tab contains specific content.  When a person clicks on a tab, the section loads immediately without reloading the page.

– I tweaked the original template’s color scheme from light-blue to burgandy.  I utilized Adobe Photoshop to carefully re-color every button, border and image holders without re-sizing the image.

– The center news well was organized.