Search blog:
Subscribe to blog posts:

Saturday, July 30, 2011

Code code code code code code code code LOVELY CODE! WONDERFUL CODE!

My brain is a clunky old gearbox. There are certain things it can do well, and it runs pretty smoothly when it's doing them, but switching gears is something to be done reluctantly, with much grinding and swearing.

Last week it was the publicity gear. This week it was the website gear, which despite being right next to the publicity gear, is one of the most annoying switches, because I invariably have forgotten how CSS and HTML work and have to sit there for a while, staring vacantly at the source code of pages I myself created, wondering how the hell I got them to work. Usually now, when I'm trying to find this gear, I get Matt to start a page for me with the basic containers and divs set up and then hand it over, because it takes him about five minutes, whereas I'll spend hours being all "Derrrrp, how do I use the style attribute again? Why did I float that left? Why does that float left work completely differently on this page as opposed to that page? WHAT DOES IT ALL MEAN!!?!>?> *mash keyboard*"

Sometimes, when I'm good, before I start working on the code, I'll make a nice mock-up in Photoshop. I'm bad, though. When I'm designing my own websites, I tend to start changing all kinds of things on the fly, so Photoshop mock-ups feel like a waste of time. I had a really basic idea for the Voice of this Generation website consisting of floating squares, and had Matt set that up for me, but wasn't sure what to do with them until I woke up last weekend with an idea. I had just designed a postcard for the show featuring a big pair of stock photo lips. Wait! That's it! Big lips! The site needed big lips. I grabbed at the nearest suitable paper product to sketch it out. While cleaning yesterday, I found the initial product of this brainwave under the bed and thought others might appreciate:

In case you can't tell, there are two drawings in order to demonstrate scalability.

The final result (click to go to the Voice of this Generation webpage):

Other website things accomplished this week:

The Tesla's Pigeon microsite! This one I did all by myself, having re-cut my teeth on VOTG and accessed my buried CSS knowledge. Please note that you can (and should) now buy the screenprints that I mentioned in the last blog entry. They look really spiffy framed, and make awesome gifts.

Did a quick reconfigure of the Zacherle website for their upcoming Fringe show The Undead. Contracted out the JavaScript lightning bolt to Matt. Incidentally, Matt and I will be performing music together for the first time at this show, so you should probably come and see it. (That's my next gear - writing songs for us to perform together.)

Updated my Composition page on so that it uses the same database and layout as Mormolyke Press. Much spiffier than the old version. This involved a lot of faking my way through mySQL and PHP, with a little (OK, a lot) of instruction from Matt. Also finally updated my bio, which was hella out of date.

Post a Comment