Nathan Jessen

Projects

Project Description

Preview image of 2012 WSOP Final 9

2012 WSOP Final 9

Poker has always been a passion of mine so I chose to build this webpage to display the poker players who will be playing at the 2012 WSOP Main Event Final Table. The webpage uses jQuery to create vertical scrolling.

- Visit Site

Technology

jQuery, HTML, CSS

Project Description

Preview image of Heartland Trailways

Heartland Trailways

Heartland Trailways is a charter bus company in St. Joseph, MO. The site's launch was a result of a collaborative effort between Heartland Trailways, Hartwig Group, and myself. I was responsible for front and back-end development of the site.

- Visit Site

Technology

CodeIgniter, Bootstrap

Project Description

Preview image of Shopping Cart

Shopping Cart

The menu of this pizza shop is created by pulling in data from an XML file using XPath and PHP then displaying it to the user and allowing them to add items to a cart.

- Visit Site

Technology

PHP, XML, XPath

Project Description

Preview image of Knacktive

Knacktive

Knacktive is an interactive ad agency comprised of students at Northwest Missouri State University. The website was designed and developed through joint effort of several students. I was primarily responsible for developing the original HTML/CSS prototype which was eventually merged with the University's CMS.

- Visit Site

Technology

HTML, CSS, JavaScript

Project Description

Preview image of Blackberry App

Blackberry App

In Software Engineering, a partner and I developed a Blackberry app for gamblers. Tax Pal for Gamblers allows a user to keep track of their gambling sessions, view statistics, and export data to their computer. In the end, the application was functioning on a live device. (This demonstration only shows screen shots of the app)

- Visit Site

Technology

Java, SQLite

Project Description

Preview image of Shoutbox

Shoutbox

Using PHP and MySQL, I've created a shoutbox for users to post a message on the webpage. The concept is very similar to posting comments on a forum thread.

- Visit Site

Technology

PHP, MySQL

Project Description

Preview image of CSS3 and Scrolling

CSS3 and Scrolling

Initially this was an attempt at creating a portfolio, but I changed it to be a sample with lots of CSS3 transitions and transformations. It also implements jQuery easing for vertical scrolling between sections.

- Visit Site

Technology

CSS3, jQuery

Project Description

Preview image of Mega Drop Down

Mega Drop Down

Mega drop down menus are common in many of today's larger retail websites. This is an implementation of a mega drop down menu with hover intent. For improved UI experience, a menu does not quickly appear or disappear as a user hovers over the menu. Rather, it waits a fraction of a second to properly react to what the user intended.

- Visit Site

Technology

HTML, CSS, jQuery

Project Description

Preview image of CSS3 Transitions

CSS3 Transitions

An experiment with CSS3 transitions combined with a little fun and humor!

- Visit Site

Technology

CSS3

Project Description

Preview image of CSS3 Collection

CSS3 Collection

Up late one night, I decided to take a dive into CSS3 by combining many of the properties on a single page. You can find examples of border-radius, transitions, transformations, and many others on this webpage.

- Visit Site

Technology

CSS3

Project Description

Preview image of Viewport Size Typography

Viewport Size Typography

CSS3 has new values for sizing things relative to the viewport. The font-size in this example is determined by the size of the viewport (great for responsive designs!). I've included some JavaScript to resize the font as the viewport size changes. This works fully using Chrome 20 (currently in development). Visit YouTube example to view it in action.

- Visit Site

Technology

CSS3, JavaScript