Romiro » Portfolio

Portfolio

romiro.com

You are here.

My personal website which contains my blog, resume, and web development and design portfolio. This site uses WordPress as the backend, as I found out trying to recreate a blog in CakePHP with all of the features was akin to reinventing the wheel, were the wheel a fairly complex web app. The layout CSS is custom and hand-written by me; the PHP and JavaScript have been modified as needed. The layout is also extremely image light on purpose; the only image on the site besides post attachments is the slight gradient background.

jQuery Sliding Header

As seen on the homepage of the current PBI Flame Resistant Fibers homepage.

It was an idea spawned by the design department of the company I was working for. They wanted something in Flash that operated as a sliding horizontal array of images, each accompanied with a link and a blurb of text. However, at the time Flash was my sworn enemy and jQuery my long-time romance, so I made the decision to give it a whirl using 0% Flash and 100% JS, CSS, and HTML.

The image tread will continue moving toward the left indefinitely, cycling each image to the end of the queue as it moves off the page. The same also applies for when in reverse, but just the opposite. You can also fast-forward, re-wind, and stop the tread with non obtrusive controls.

I never got it to a level to be an plugin repository fodder, however it is still fairly extensible and I used it in one other site: Straight A Supplies

View the original .js file here: jquery.slidingheader.js

mpc remote player

One of my most favorite projects. Uses the Linux Music Player Daemon (mpd) and its CLI client mpc to play music remotely. Written with PHP plus jQuery for the interface. The purpose of this app was for co-workers to be able to control one central media player through a single interface. A similar application would be Pitchfork. Features draggable windows which save current position to the session every time they are moved, so that on subsequent page views the layout remains the same. Runs on an internal “smart” timer that only queries the server for song update status when it’s relevant. Certain actions trigger updates and it will always update at least every 30 seconds, but only if no action has been taken in that time.

If desired, download the full package below and take a look.

Download full mpc remote player package

foobar2000 remote player

This was the precursor to the above project. It intially was an attempt to see how PHP could interact with Windows processes, and then bloomed into a relatively convoluted piece of software. There are a lot of quirks when you try to make a window based program behave strictly in a string-based sense. It ran relatively smoothly and even includes an album art lookup that utilizes Amazon Web Services to grab a relevant image of the playing song.

Download full foobar2000 remote player package

Pbi Performance Products

http://pbiproducts.com

As the first intro paragraph states, Pbi is “the world’s only producer of high performance polybenzimidazole fiber and Celazole® PBI polymer”. Primarily geared toward firefighters, the website was designed to reach an audience that already knows the ins and outs of the chemistry behind these first responder products.

The site is fairly straightforward. The navigation system is one of the more complicated adventures I’ve undertaken as far as drop-down menus are concerned.

TimbeRoof Post and Beam

http://timberoof.com

This site is primarily static content driven, although I employed many dynamic methods to make maintence and updating much, much easier.

Also features automagic printer-friendly pages via media specific stylesheets, AJAX based photo gallery with jQuery lightBox support, and three content sections driven entirely by database table data.

GM Canada Special Edition Vehicle Program

http://gm.hbccorporatesales.com/

Created for the purpose of users’ redemption of personal gift certificates. Requires a log in to the site with a special PIN. The login would be related to either a Chevrolet site or a Pontiac site. Each site had a completely different skin that shared the same PHP backend.

I was the sole developer on this site throughout its initial development phase (ie, before any live debugging).