After months and months of drawing and coding, This Is Star has a new look!

I’ve been doing a lot of code and design on other people’s websites for the past couple months, and it occurred to me that a new look on my own site was way overdue.
The previous design had been standing strong for just over 2 years, and I knew it was more than time for a change.

The new site has some neat features that I’ll share with you now.

Custom Category Headers

I designed the site to skin the headers of various posts, by category.
This way, when I make an audio post, it calls a header illustration with a cello bow and a microphone.
I have similar headers for several different types of posts, and plan on adding more as my collection of post topics grows.

I was inspired by the manner in which sites like Tumblr autoformat your posts by type, and I wanted to do something similar on my site, which is wordpress based.
Changing the header background dynamically by category seemed like the simplest way for me to get this feel without going overboard.

Fun with JavaScript

Seeing as I’ve grown a lot as a developer in the time that has gone by since I did my last site design, I thought I should show off some of my newer skills.
One of those skills is using JavaScript, which has become much more simple and dynamic in recent years thanks to the rise of libraries like JQuery and YUI.

I used JQuery on my site to make a few neat effects that I’ll show you here:

If you click on one of the “Advertise Here” buttons on the right hand side, you’ll notice that the information on purchasing ad space on the site expands below the ads.
This allows me to display the information without adding an unnecessary extra page, or allowing the user to navigate away from the main content.

If you hover over my logo on the top left, you’ll see that it animates slightly.
The lovely logo is, of course, designed by the equally lovely Nubby Twiglet.

Dynamic Footer

A web design trend I’ve seen popping up a whole lot lately is putting lots of dynamic content for social networking in your footer.
I really like the look of these big footers anchoring everyone’s pages, so I decided to do my own version, integrating design elements from my category headers, as well as the site header.