CourierPostOnline.com | Sanman Media

2010 Year in Review

March 5, 2011

2010 Year in Review

courierpostonline.com/2010

Completion: 2 days.

Launch: December 2010

The purpose of this project is for the reader to vote for the top stories of 2010 in each category. They given a list of headlines and should order them from most to least important.
The page was hosted on a LAMP server. MySQL was used to store and query the headlines and update the rankings.
PHP was used for server-side page processing.
A jQuery library function was used to allow the user in ordering the headlines form.
HTML and CSS was used for presentation.

2010 Year in Review Voting Form

2010 Year in Review - jQuery

Varsity All-Stars, Front and Back-Ends

February 20, 2011

Varsity All-Stars, Front-End

courierpostonline.com/allstars

Total project turnaround time: Two weeks.

Utilizing: PHP for dynamic server-side processing, MySQL for data storage, and HTML, CSS and Photoshop for GUI design.

Purpose: For readers to browse and view the best high school athletes in the area and for administrators to import them onto the database.

Varsity All-Stars, Back-End Data Entry Form

Varsity All-Stars, Athlete Image Upload Form

Varsity All-Stars, Back-End Home

Filed under CourierPostOnline.com

Game of the Week, Version 2 (Co-Brand Template Example)

February 13, 2011

: Game of the Week V.2, 2010

courierpostonline.com/varsitylive

Used table-less HTML, CSS and Photoshop for GUI design. This second version design of this sponsored, co-branded website, is loosely inspired by the Comcast SportsNet GUI interface. (See below.)

Filed under CourierPostOnline.com

Black History Month

February 13, 2011

: Black History Month, 2011

courierpostonline.com/blackhistory

Filed under CourierPostOnline.com

Help Wanted

February 13, 2011

Help Wanted, 2011

courierpostonline.com/helpwanted

Use: HTML, CSS, Photoshop

Filed under CourierPostOnline.com

“Game of the Week” Branding…In Print!

February 11, 2011

My "Game of the Week" Branding Logo on a newspaper page, 2/11/2011

I re-branded the Varsity Game of the Week page back in December, 2010 with a new logo and web page re-design with table-less HTML, CSS and Photoshop. My logo ended up being in the February 11, 2011 issue of the Courier-Post Varsity section, page 4D.

Filed under Courier-Post, CourierPostOnline.com

Republican National Convention 2008

February 9, 2011

Republican National Convention, 2008 Section Front

Used HTML, CSS, Saxotech Script (for headline display), and Photoshop for section titles.

Filed under CourierPostOnline.com

The Obama Presidency

February 9, 2011

The Obama Presidency - January 2009

All HTML, CSS and Photoshop.

Filed under CourierPostOnline.com

Election 2008

February 9, 2011

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

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.

Filed under CourierPostOnline.com

2010 Election Results Update

November 3, 2010

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

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.

Filed under CourierPostOnline.com, Web Design Portfolio

2010 Voter Guide – Frontpage Edition

October 31, 2010

2010 South Jersey Voter Guide - Frontpage Edition

Completed: Under a two-hour turnaround inside a work day.

Took the election map elements from the original voter guide standalone page and embedded an iframe on the front page, while pulling latest election headlines and links. All graphics were made either with Photoshop or Illustrator.

Filed under CourierPostOnline.com, Web Design Portfolio

2010 South Jersey Voter Guide

October 14, 2010

2010 South Jersey Voter Guide

courierpostonline.com/2010voteguide

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.

Filed under CourierPostOnline.com, Web Design Portfolio

2010 Phillies Playoff Front-Page Topper

October 6, 2010

Phillies Front Page Topper

It was all Photoshop for doing image manipulation and fade-in/fade-outs and graphics, while keeping the font and colors consistent with what Major League Baseball used for their branding. HTML and CSS was used for image and object page positioning.

Filed under CourierPostOnline.com, Web Design Portfolio