GuruStump.com: Web Development

Front End Web Development

Below you'll find links to the various web pages I have designed, coded or otherwise worked on. Feel free to click on the buttons and visit the sites and see what you think.

Honda Powersports

This is the Honda Powersports website, redesigned from its previous version that was several years old. It's a fairly massive project that went live at the beginning of December 2008. The site was built by Threshold Interactive, where I am a front-end developer. This means that I was only one cog in a rather large wheel of other developers, designers, writers, and various managers. Nevertheless, I was an important cog, responsible for laying out all new pages (writing the HTML and CSS) as well as for building in some JavaScript behaviors using mootools.

Mighty World Redesign

The Mighty World redesign is now complete. I did most of the HTML/CSS work on the site, as well as a bit of messing with javascript (just using javascript libraries like mootools or jQuery).

Take note of the navigation menus on the left side of the page. They were created using a JavaScript generator called "Deluxe Menu". When the browser window is small enough, the menus will actually auto scroll in the direction you prowl your mouse over them.

SantaMonicaMidsingles.com

I built this site for a local church group that needed a mailing list and a way to inform its members about the various activities they host. I used the popular open source content management system Drupal for the back end, and did all the design and front-end coding myself.

Though the site is simple and only has something like 100 users, it still has quite a few interesting features. It allows each member to create a profile and gives them all a contact page so that they can email each other while retaining privacy (email addresses are never divulged, and only authenticated users can see the profiles). There is fairly robust calendar system to show the events, and every time a new event is created by any administrator, emails are sent out to all the users who have subscribed.

Just for kicks, I used a little jQuery for the fade effect on the rollovers in the top horizonal navigation, the login box, and the footer nav.

Sony Pictures Television International: AXN

This is one of many sites built for Sony Pictures Television International's Animax, AXN, and SET networks. Each site is built on the same basic Drupal content management system, with the same basic user interface layout. The link here will lead you to the German version of the AXN site.

I was one of two front-end developers who worked on the project, building the layout and then plugging it into the Drupal back end. The AXN sites were predominantly my responsibility, and most of what I did was just HTML/CSS work. I did have to occasionally tinker with some PHP, though there was another developer principally in charge of that.

Animax Wiki

As another part of the Sony Pictures Television International project at Threshold Interactive, we were required to make a wiki for the Animax network. I was simply instructed to download MediaWiki (the same PHP-based structure that is used at Wikipedia), and create a new skin for it with an Animax theme.

I designed this theme myself, and used CSS to implement it. I also did some tweaking in the PHP to customize some of the menus that appear on the various pages. Finally, I did a lot of work using wiki formatting to build tables and structures to help the eventual visitors to the wiki to create articles for it.

MichelleGateau -- Potraits and Figurative Work

I built this site for a painter who wanted an outlet for selling her portraits and other works. She wanted a very clean, modern look.

The navigation on the home page is my first foray into coding in Flash. I found a tutorial on making a scrolling panel like the one you'll find here, and put it together in ActionScript 2.0.

Red4D Productions

I built this website to serve as the portfolio of a good friend and artistic collaborator of mine. It is currently rather a bare-boned version of what will eventually be a more fully-featured portfolio site. It will be undergoing updates more content is devised for it.

Haakon Studio

I was the third designer to work on this portfolio website. The basic structure of the Flash interface was already built and functional, but the site owner wanted to add some new images to it as well as to make a number of changes to the overall layout.

I simply modified the .fla file, revised the HTML a bit, and republished the site in its current form. Forgive my use of a table in the HTML, but the client wanted the site to center vertically in any web browser, and to my knowledge, the simplest and least code-intensive way to accomplish this effect is with valign="middle".