Making a Better Web PortfolioPosted: 12 years and 5 months ago
I’ve had the domain nebyoolae.com since 03/03/2003 (wow, I swear I didn’t pick that day for any particular reason). Before that I had some personal websites, but they didn’t have the distinctive vanity address that I eventually picked out for myself. Generally, it’s been a place to showcase my original music, and it’s been fun updating it every year or so with a new look or technology. Music hasn’t been a very profitable business, however, and so in 2009 I bought nebyooweb.com, ostensibly to showcase my very web development skills themselves.
Whereas “blueish” was my color scheme for nebyoolae.com, I decided to go with “greenish” as a foundation for nebyooweb.com. It started out really simple and has gotten a bit more complex, adding things like a contact form and the ability to sign up as a user to get at special areas, as it went through a couple iterations. Last night I started work on yet another iteration, and (as usual) it’s the best one yet. The new look is much better and the code will be refactored to a degree that contents me…for now.
The most recent version used a static layout set to about 800 or so pixels, which was really just an extension of what I’d done with the layout of nebyoolae.com at the time. Each site influences the other as I’m often developing them concurrently. For my latest attempt I figured I’d go with a liquid layout because I always use my computer at a resolution of 1280 x (1024 desktop/800 laptop) and all the empty space offended my design aesthetic. However, the drawback is you have to plan for the “flow” of things so that depending on how big the browser is and how many items are on the screen it still looks good. Seeing everything slide around as you change the dimensions of your browser is immensely satisfying for some reason, though.
I’ve always been a proponent of using pure CSS for graphical details (corners, gradients, shadows) just because it means I don’t have to create a separate graphic and future updates are more flexible. CSS3 is being taken advantage of as much as possible this time around, eschewing JS when I can, because I care less about coding for every possible browser possibility. It’s a bit elitist and lazy, but I use Google Chrome all day, which uses WebKit, and it rules. If I’m using the site as a way to possibly get jobs, do I still really want to work with someone who only uses IE 7? In the end, I may relent just to make the site more accessible, but for now I’m just gonna let it go.
Updating nebyooweb.com also means updating my resume, since it’s really just a prettier, more interactive representation of one. However, I still want a “regular” resume that can be easily copied/downloaded for all cases. My current CakePHP controller for handling my resumes needs updating, and the resume information itself really needs to be in a database, rather than hard-coded into the views (go ahead and shame me).
The problem with updating any existing site is that there’s rusty knowledge of how things work, and you’ve probably gotten better at coding since last maintaining it, and that means noticing crappy code. Unfortunately, I sometimes take shortcuts that produce a desired, if not always elegant, result. Wading through this a year later is a struggle, and the pangs of just starting the whole thing over burn ever bright. In fact, I will end up doing just that once I (re)start the Ruby on Rails version of nebyooweb.com. Learning a whole new language and way to construct a website is a harrowing task, as it first was when I turned nebyoolae.com from Generic PHP to CakePHP. Thankfully, I have a friend who is already knowledgeable and can help me out.
All this is to say that nebyooweb.com will be looking different soon, I really want to work on it instead of not working on it right now, and Redmine is great.