As I become more familiar with it, it’s easier for me to see what it’s capable of (hint: everything), and as a result I started thinking about a redesign of this blog in an effort to completely and utterly abuse integrate some of those capabilities. As work progressed, I realized there were some other bullet points I’ve been wanting to hit as well. Here’s the laundry list:

JQuery

Like I said. In this case I’m using it mainly for the archive dropdown and the endless scrolling on listing pages. I played with some concepts that involved more horizontal scrolling, but decided to ultimately go a different direction.

Grids

I’ve been basing the various iterations of this blog off of grids for a long time, but this is the first time in awhile where said grid hasn’t been dictated by Flickr. In this case I decided to try a 960 grid system and ended up using a 16 column grid here, with each column equaling 50px with a 10px gutter. I used this CSS generator to develop the initial CSS.

I’m debating whether I’d use this technique if I were to do it all again as I had a couple of hangups with the process:

• I didn’t love the naming conventions for the various classes; I ended up replacing all the underscores with dashes because that’s what I’ve become accustomed to using in my CSS.
• The system falters somewhat if you’re floating multiple blocks inside of a larger block (for example, three .grid-3‘s in a .grid-9. You need to add .omega (to remove the right margin) to the last block in the line, which doesn’t bode particularly well for dynamically-generated content.
• It seems like an excessive amount of markup in general. Then again, I suppose that comes with the territory in a system that’s attempting to be somewhat universal.

Dynamic Stylesheets

I’ve been wanting to experiment with adding constants to my CSS files for some time now. One way of doing this is with LESS, a Ruby gem (also available as a WordPress plugin, thankfully). LESS basically allows you to define constants and nest classes within your stylesheets, which is a tremendously useful concept.

But in short, I hated it. I attribute part of this to the fact that I had already been messing with PHP as a way to dynamicize my CSS, but the LESS system ended up being a little too clunky for me to find useful:

• LESS does math, and that’s great. Except when it tries to divide my shorthand font declarations, and as a result the entire CSS becomes null and void.
• It seems that commas are no less of a hurdle, as I found LESS to stumble when I was trying to define the same set of properties for two different elements.
• As I mentioned, any issue with syntax will cause the entire stylesheet to be totally dysfunctional with no indication of what the problem is.

I ended including the CSS in PHP form, which has functioned in a much more predictable manner.

Color Editing

This is the third version of mine to feature theme-editable colors. In this case, though, I ended up going a slightly different route. I had been using a variation of the functions.php file from the old default Kubrick theme, which writes custom CSS in the header of the HTML to define the chosen color. Instead of that, I decided to make use of my newly-created PHP CSS and pass that new color to the CSS via a URL variable. Much cleaner.

In addition, I decided to make light and dark stylesheets from the get-go, which I can also switch from the admin.

Mobile Friendly(ish)

I’ve been watching with interest the recent developments in “responsive web design”. As such I decided to define an alternate version of the site for mobile devices and viewports smaller than the width of the normal site. It’s an early effort, but I’m pleased with it for now and like the rest of these points, it’s experience that I can carry forward to future projects.

And More Less

From a content standpoint, I really wanted to simplify my own presentation of myself. I decided to eliminate the “about” page for the first time in basically ever, opting instead to let my various (side) projects and social networks do the talking.

From a contact standpoint, you may notice that the comment form is no more. Existing comments have been preserved, but the ability to comment has been disabled (for now, at least). Same goes for the contact form, for similar reasons: anybody who wants to discuss an article or get in touch is someone I likely already talk to on a regular basis (or someone I would talk to). I get the whole public discourse thing, believe me, but that happens so rarely here that I felt it was no longer worth the inclusion.

So that’s it! Let me know what you think OH WAIT YOU CAN’T.

After updating daily for six or seven months, I started to realize that I wanted this site to be something other than a daily photoblog. I’ve long been aware that I go though phases of creative output; sometimes it’s writing, sometimes it’s photography, and sometimes it’s just redesigning stuff. But as time wore on, my familiarity with the little Canon increased, as did my frustrations with its limits. I’d long since acknowledged that snapping off a few noise-free photos in less than ideal lighting was something of a pipe-dream; an acceptable sacrifice in lieu of the camera’s petite stature, but the image quality in general seems to be degrading as the camera approaches its fifth birthday.

Now What?

This left me in a sort of quandary; time for a new camera? Probably; but what to get? I’d long since had my eye on a digital SLR (also of the Canon variety) and even came close to pulling the trigger a couple of times, but could never go through with it. I had also been considering the Canon SX200/SX210, another point-n’-shoot. It was hard to argue with 14x optical zoom and HD video, but I just couldn’t bring myself to spend the money on that either. Another ELPH? None of them really got me excited like the SD400 did when I first saw it.

So I waited, and watched. And then I saw a Canon EOS 30D on Craigslist. And then I forgot about it for awhile.

Then I was driving and thinking that I really don’t have any good photos of my car, and that 30D popped back into my head. I scoured Craigslist and it was nowhere to be found. Defeated, I decided it wasn’t meant to be, and started looking at new Canons on Amazon. There were some alright deals, but I kept falling back to the same thought that has always kept me from buying an SLR: what if I don’t use it?

That’s why this 30D was so attractive to me: it was a minimal investment to dip my toes in the waters of more advanced digital photography. So imagine my excitement when it was relisted that same day. After some Twitter hemming and hawing, I decided that the extra cost of the XSi simply wasn’t worth it to me, and sealed the deal.

The Setup

Photo-nerds are probably wondering what I’m shooting with so far, so here’s the list:

• Canon EOS 30D
• Canon EF 50mm f/1.8
• Canon EF 18-55mm f/3.5 IS (soon)

It’s a short list, but a solid start. The first time I looked through the viewfinder on the 50mm, I was amazed at how narrow the viewing angle is, and it made me immensely glad to have won the 18-55mm on eBay that morning. Even so, I’m very pleased with the purchase, especially taking into account that what I’ve spent so far on everything is only slightly more than a new XSi body.

The year started strong. January didn’t bring the same drama this year that it brought in 2008 (thankfully). Instead, I get to point out that that was the birth of the current iteration of this website.

February was relatively uneventful as well, aside from preparing for shows. But I did put together some awesome LEGO.

I spent a lot of time complaining about the weather this year, as I was already raring to get back on two wheels when March rolled around. That was only exacerbated by the new toy. The day trip to Minneapolis to pick it up was awfully fun too.

In April I put new wheels on my car. No, I mean I put them on. By myself.

May brought the first of a number of shows last year: The Last 5 Years, in which I was approximately 50% of the cast. It was a great experience and the theatrical accomplishment that I continue to be most proud of.

Then Godspell happened in June, and that was awesome too! Great cast, great technical staff, great venue, and a great show. Probably one of WCT‘s best, ever.

Things wound down a bit in July, but we had the official Godspell reunion / cast party up in Tomahawk. AKA Real World: Godspell. TEXT MESSAGES!

August was a quiet month, so I spent a lot of time on the bike, and did my first (and second!) 40-mile ride(s).

After years of planning and months of labor, Citizen Wausau 2.0 was finally launched in September, much to the excitement of those involved.

In October, I ran.

The only potentially negative item on the list happened in November, when I passed out on stage. Even then, it’s just something that happened, but I don’t think of it as being decidedly “bad”.

I had such a great vacation in December, you guys. Seriously, it was wonderful. Plus it was my birthday!

Through this point everything remained fairly manageable. Thanks to the terriffic Twitter Tools plugin I was able to easily turn those tweets into “real” posts. But recently I’ve become smitten with a new (to me) service that leaves me wondering where to go from here: Tumblr.

I’ve been playing with Tumblr for a week or so, and I’ve found it to be a neat bridge between WP’s long-form posting and Twitter’s extreme short form, text-only entries. I like Tumblr’s versatility when it comes to handling a large variety of content types, and it seems to have just the right amonunt of meta for such things.

The problem is, I still like WordPress. I’ve built a nice little home with it over the years, and for longer pieces (like this one), it’s pretty darn great. Plus it has comments, although I’m just not sure how important that is to me anymore.

So given my current situation, it seems I have some figurin’ to do with regards to what andylaub.com actually is. The ideal for me would be to treat posts from Tumblr similar to how posts from Twitter are handled in that they’re imported into the actual WP database and join the archive. From there it’s safe to assume I could use the associated meta to manipulate the various sorts of posts as needed. Honestly I would love to see the same behavior with Flickr.

Currently, though, it doesn’t seem that such a plugin exists. I’m about 99% positive that I’d prefer to avoid the opposite approach (RSSing WP into Tumblr). The other option is to break everything apart completely and then reaggregate it into one central location, but that too seems like a huge compromise.

You’ll probably see me messing with this issue over the coming weeks; alternatively I may lose hope completely or go completely crazy and try to replicate some of Tumblr’s functionality within WP. Time will tell, but ’till then I’m certainly open to suggestions.

Comparing the launch version to version 13 before it, it’s not hard to see what I felt was working and what wasn’t. A good portion of the content styles and graphic elements made it to the new site unscathed, while dropping the heavy-handed and overly divided feel of the previous design.

The Grid

Version 14′s major defining element was the grid based entirely on the Flickr photos at the top. Initial versions had nine 75px columns separated by 5px alleys, and in November 2008 I added a tenth. While it’s not a new thing for me to have grids defined by the size of my images (as evident in all of my site designs back when this was purely a photoblog), this was the first time I gave myself more than four columns to play with, and I really enjoyed that flexibility. I think the layout worked even better on pages where the Flickr photos weren’t visible; there was still a strong sense of grid and organization, but without the obvious indication of where it was all coming from.

Content Separation

The other major stylistic decision was the way status/blip/link posts were presented when compared to the regular journal entries. After experimenting with different options I ended up with the meta for the posts in the center column, while short posts would live on the right and full posts on the left. It worked best when it was populated evenly, but there were many times where compulsive Twittering would leave the home page entirely empty on the left column.

Then & Now

So how does this newest version compare to the outgoing iteration? You can see that while I haven’t done much with it yet, the grid concept remains intact.

In terms of visual carryover, though, that’s about it. The overall look of the new site was influenced heavily by those wallpapers I just did and my portfolio. I continue to use Helvetica for the headers, but I’ve moved back to Lucida for the body copy, which harkens all the way back to Version 8.x, as ever since then I’d pretty much used Helvetica for everything.

The dotted lines, which I have dearly loved for a very long time, are hanging on by a thread. Because I’m not using a white on white on white layout this time around, everything is divided by blocks of color and shading, which means borders as a whole just aren’t necessary.

Finally, the Status/Twitter posts have become the foremost bit of information on the new site, with Flickr taking the slot below that and the Journal even further down. This just seemed like the only way it could work, organizationally. I didn’t feel that the Flickr content was deserving of the most prominent spot on the page, and the Journal couldn’t be at the top simply because of length. As-is, most visitors should see all three sections when they visit and be inclined to scroll down. Or everybody reads this in RSS, in which case it doesn’t matter anyway.

All that said, I’m quite happy with this latest version, and I’m most interested to see what it evolves into as time progresses.

But why Twitter? The other day I went to post a blip. But it was not a link, as they traditionally have been; more of just a state of mind sort of thing. And I thought “this would be apropos for Twitter.”

Of course, nothing ever comes easy. It wasn’t hard finding a plugin that suited my needs, but my laziness in keeping my WP install up to date came back to bite me in the ass. I’ve been running 2.0 since, well, too long; because it worked for me, I never bothered to follow the updates. Which meant that to make the little birdie happy, I had to set aside a larger chunk of time to get WP up to snuff. And by up to snuff, I mean, WP 2.1 (they’re now at 2.3). So I did that and fixed the custom field junk that had changed between 2.0 and 2.1 (fortunately I had dealt with it on another site months ago).

Having done that, it was time to actually install the plugin. Doing so turned out to be hassle-free, once I had the right version, but the output wasn’t quite to my liking. The default is to truncate the Twitter post and make that the title; I wasn’t thrilled with the post slugs that resulted in, since my general blip posts don’t have titles at all and therefore are just assigned numbers. I can’t fault the logic in this design, though; it’s easier to figure out how to get rid of it than it is to implement it. Case in point: line 196 of twitter-tools.php

, 'post_title' => ''

Now that Twitter was producing title-free posts, I turned my attention to the other hurdle; creating a link back to the original Tweet. I did some searching and came up empty-handed; fortunately I had the good sense to see that Twitter Tools adds the post ID as post meta, and from there it can easily be called from the WP templates themselves. Fortunately, that solved my other problem as well: how to get the Twitter link to only show up on Tweet posts.

I’m pleased with the entire result, as it’s exactly what I was looking for, now the question becomes whether or not I will continue to use Twitter in the first place.

The thing here is, as soon as I start to break out of my average posting time (say, every three days), the harder it is to come back. And when I do come back, the tendency is to start out with a “boy, it’s been awhile” sort of post instead of diving into real content, assuming there was any in the first place.

My problem lately is that my creative “pie chart” is currently overtaken by three things:

1. Design
2. Coding
3. Acting

The first two are pretty standard considering the recent freelance decision, but the third is unexpected. As much as I enjoyed West Side Story, it took a lot out of me and with freelance calling my name, I was looking forward to a lack of rehearsals. Suffice it to say, the lull didn’t last as long as I would’ve liked.

Obviously, both writing and photography are excluded from the list, which means this blog suffers. But here’s me, blogging more.

Still no archive, since that seems to be what the cool kids are doing.

Also, I’m lazy.

Questions? Comments?

First of all, my Xbox: still dead. Well, maybe not. It’s somewhere in Louisville, Kentucky according to UPS, but get this: it’s on the return trip. I sent it to them last Friday, they got it Wednesday and it was reshipped on Thursday. So I should be seeing it Tuesday and we’ll find out if it’s really fixed.

In the meantime, Paper Mario: The Thousand Year Door (not the new one) continues to entertain. In fact, you’re lucky I’m here writing this at all, since I’d much rather be playing that.

We are all moved in, pretty much, mostly. There are some still-packed boxes, but who cares? The garage is clean.

Last year I mentioned a niggling desire to own a single speed bike, and so instead of spending billions of money to buy some kind of deathtrap car or motorcycle, I decided instead to make good on that. Oddly enough, the bike I chose is the one mentioned in that post: a 2006 Bianchi M.U.S.S. that was stupid cheap. It too is going to be here soon, as I ordered it online instead of going through the local shop, a decision I’ll elaborate on later.

Speaking of biking, the ride to work is obviously farther than it used to be, but I can still make it in about 10 minutes. So suck it, Grand Ave.

Finally, this site looks like crap, I know. I’m working on a new one, which may be what you’re seeing right now or it may not. It looks bad regardless because one site is decaying and the other isn’t done.

There was an issue with the archive page; turns out that the way I had written it told it to display monthly archives differently depending on whether a real post or a mini-post was last posted in that month. So I fixed it.

Not really an exciting story, I’m afraid, but still, the motivation just wasn’t there until I woke up at 7:30 this morning. If I were to venture a guess, I’d say that it’s probably because I know that if I start a project on Saturday morning, especially if it’s before everybody is awake or active, then I know I’ll be able to finish it.

New

My biggest goal with this new site was to really start taking advantage of the power WordPress has, and that meant a switch to themes. Once I figured out the basics I was very impressed with the options that are available and how easily they can be configured. Versions 9 through 12 of the site ran off of a clump of PHP files that pretty much sat outside of the WordPress umbrella. It really worked in spite of itself, which I think sums up my feelings about it.

In contrast, I was surprised by all the options the theme system has to offer. The search function worked right out of the box (except for one day when it mysteriously didn’t), and now I have a 404 page and real category pages.

The other big reason for the switch is the fact that almost all the good WordPress plugins rely on the theme to do what they do. The contact form is a good example of this; it’s generated using a quicktag and therefore had to be set up as a WordPress page. And thanks to pages, my menus no longer have to be hard-coded.

Improved

Usability was next on my list of priorities. I’ve already mentioned the 404 and Search pages, but I also added PHP redirects on the old _____.php pages that push the user to the current page rather than a 404. Also, thanks again to the themes, all category listings are now clickable.

You’ll also notice the wider comment display area on the single pages, and, just for jb, clicking the header now takes you home.

Just Plain Different

Aside from this pretty new design (I swear, I DID NOT steal the banner idea from Jonathan Snook!), there are two more notable changes. The first is that I’m done with del.icio.us. It worked fine for links, yes, but since installing WordPress 2.0 back in February, I haven’t been able to make it play nice with Magpie RSS. Rather, I mentioned using a Javascript approach but that didn’t please me either, partially because it wasn’t searchable and partially because something in the way it was set up never displayed properly in Internet Exploere (not even 7!).

This time out I’m going mainstream and integrating the links right into the main body. They’re pretty easy to pick out, since they don’t have titles and have a cute little border thing applied to them. More importantly, they now have times and dates applied to them, and it’s one less service to rely on.

The other big step is a brand new logo, as you may have already noticed in a number of places. For now, suffice it to say that I like it much better than the old one and I’ll write more later.

That about wraps it up. What do you think?

Today marks the date, and though DOCADD still has me in its clutches, but its grip is loosening. Minor bits and pieces have been altered along the way, along with a slight refresh last month, but nothing extensive has been altered and so I consider the effort largely successful.

Furthermore, I’m happy enough with the site in its current form, that barring another minor update or two, it will continue in this state for a couple more months. Instead of arbitrarily redesigning again, I want to hold out for the next CSS Reboot on November 1.

This decision holds a couple of advantages:

• It keeps me from rushing into things. No matter what happens, I cannot show a finished product before November 1. Plenty of time to refine a design (this should be the long part) and CSS-ify it.
• It generates more interest as part of a larger event. I’m still getting hits from the one I did back in Spring of 2005. And I’m a sucker for publicity.

Now it’s just a matter of working the design magic. I’ve got a general wireframe in mind but nothing solid yet. I want it to be nice. Really nice. I just have to figure out how to make it really nice without resorting to the Web 2.0 trendiness.

There are also a couple of features I’m wanting to try out, though I can’t say with certainty what will work and what won’t. Following in jb‘s and more recently majafa‘s footsteps, there’s a good chance you’ll see a “recent comments” section on the homepage.

That’s really all I know.

The result? Airbagindustries.com is now my top referrer of all time, narrowly eclipsing a Google Images search for “CHICKEN FIGHT”.

Now, how do I make those people come back?

Regardless, it’s been a good time so far, and even though the images have migrated, I have every intention of continuing to chronicle my various thoughts. But for now, let’s look at some facts and figures, yes?

Shortstat info since October 25, 2005

Total hits: 48,806
Unique hits: 4,250

Top browser: IE 6.0

Top 5 repeat referrers:

1. images.google.com: 368
2. forums.vwvortex.com: 330
3. bloglines.com: 191
4. spring2005.cssreboot.com: 97
5. google.com: 74

Top 5 search terms:

1. andy laub: 38
2. swedish models: 17
3. macbook: 5
4. Andy Laub: 4
5. You may want to consider using a third-party utility to convert the
   muxed file to a format that does allow you to edit or export: 4

Overall info since inception

Posts: 244
Average posts per day: .67
Average time between posts: 1.50 days

Comments: 273
Average comments per post: 1.12
Average comments per day: .75

Internal images: 257
Average images per post: 1.05
Average images per day: .70

Videos: 2

Flickr images: 203
Average Flickr images per day: .56

del.icio.us bookmarks: 235
Average bookmarks per day: .64

Change in regular readership: 400%, up to four now! Way to go, guys!

This is easier said than done because I still have a bunch of posts with images to account for and they all need a two-column layout to be happy and healthy. Fortunately, a few strategically distributed if/else statements were enough to take care of this and now I have a layout that makes me much happier.

The second change really doesn’t benefit anyone in particular but I decided to rewrite my info page because I was sick of just having lists of stuff and because this new one fits with the three-column philosophy.

The final change I made after I wrote this because I realized how many times I tend to make changes to posts. Take note of the small grey number next to the title; from now on that’s your reference to the version of this particular post. Minor things like adding links to existing content will result in a .1 addition, while major things like adding this paragraph you’re reading are good for a whole new version.

So suffice it to say, I feel bad. The difference between insulting a company and insulting a band is that bands aren’t necessarily in it for the money. It’s a creative expression and any comments made can be taken very personally. With that said, I apologize to the band since the my commentary could be considered rather harsh and possibly over the top. While the style of music is not one that I particularly care for the band’s talent for improvisation is one to be respected.

Hopefully this will serve as a reminder to me to rethink what I write in the future.

Regardless, Rollyo offered a simple to implement and unobtrusive solution to my dilemma. Once you’ve signed up they have an area where you can fill in a simple form and have the appropriate code generated. While the pre-made ones look nice enough (example here, kind of), the dropdown menu (for site selection) bothered me as it really doesn’t serve a purpose. Rather than try to figure this out on my own, I looked to a site that uses a version similar to what I wanted: Airbag.

It took me a minute to figure out what data the form was using to tell it what site to search, and it turns out it’s this:

<select name='sid' style='display: none;'><option value='65987'>andylaub.com...

The highlighted number is basically the ID assigned to the site that you’ve added (for some perspective, Airbag’s number is 7080). In the standard dropdown menu it can handle multiple user-defined sites, each with its own number but in this usage only the one for andylaub.com is necessary. Also of note is the style attribute in the select tag which keeps the list from being shown at all; with only one option there’s no point in having it visible.

That’s it in a nutshell. I’m pleased with the result for now, at least as a stopgap, as it makes older stuff easier to find until I can create a more comprehensive and organized archive. The only issue I’ve noticed is the time it takes to index new pages, so putting in “Madonna,” for example, wouldn’t turn up the post I wrote Saturday (yet).

I find myself overthinking my more recent, WordPressed stuff when compared to my ancient handcoded site as well. One of the things I’ve noticed is that if I go off on a subject that’s too specific and in-depth nobody comments, and it’s just kind of too much. I need to remember that my site is not a resource – it’s just there for interest. Not reviews, or how-to’s, just rambling incoherence.

I should definitely, definitely not forget this (again). Remember that time I hurt Jason’s head?

The Problem

I’m going to coin another phrase, and I call it Designer’s Obsessive-Compulsive Attention Deficit Disorder; DOCADD for short. But I’m not just the discoverer of DOCADD, I’m also a victim.

Since its launch in December of 2000, this site has gone through 16 significant structural and/or aesthetic revisions, which averages out to about 3 per year. Which, in the designer world, isn’t totally unheard of until you consider that nearly half of them occurred in 2005 alone. I could make excuses by claiming that 8.0 (01/05) was when the CSS conversion happened, and then 8.5 (05/05) was for the Reboot, and then 9.0 (06/05) was the short-lived WordPress test site. Then we’ve got the three different versions of 10 (the white one, the brown one, and the black one) and the recently deceased (good riddance) version 11. That’s a total of seven.

I relaunched my site seven times last year.

That is obsession verging on the edge of insanity. Then let’s consider all the tiny updates that happened in between the major relaunches, like the color and sizing adjustments and just general code modifications and you’re up to probably close to a hundred different versions of the site over a year which works out, amazingly, to a new release almost every three days.

So the question is, why? Why do I put so much time into this website? I don’t know. I know when I’m updating why I’m doing it but I think part of it goes back to DOCADD. I can almost guarantee that I have ADD when it comes to things like this, and I start thinking about ways to make it better because after seeing it day after day it starts to bore me, something that indicates bad design. And that spurs me to start thinking about the next version. The OCD kicks in when I notice little niggling details, like incorrect spacing or inconsistent date formats, or when I think of things that could just be displayed better.

The Resolution

Because I think I have (finally, though I say that all every time) arrived at a design that I think has some staying power, I’m making the resolution to keep this site in its current iteration for six months. 180 days. That means that yellow header will be my best friend until August 22, at least. It probably won’t happen, but we’ll see. I can’t shouldn’t keep this up.

Posts

As you may have noticed, beginning with Chicago, pt 2 posts will no longer have an image associated with them by default. I made this decision for a number of reasons. First of all, having an image to go with the post was keeping me from posting as frequently as I’d like; there are certain days, as evidenced in the archives, that the image and the words have nothing to do with one another anyway so why associate the two? Secondly, flickr has way more power and capacity than I could ever hope to match, and so they are my new choice for hosting images. They will make organization and sharing easier, and they have a number of nifty features that I wanted to try out.

Images

Like I said, I’m now using flickr for these. I use the flickrRSS plugin to wrap the images in the appropriate elements and display them onsite; it’s minimalist in its options but it does what I need and does it well. Over the weekend I also experimented with a variety of image uploading techniques. Flickr’s web uploader is quite nice and I prefer it over Flidget, a Dashboard widget that, while convenient, only lets you tag and upload one image at a time. The cream of the crop is flickr’s own Flickr Uploadr which gives you about 95% of the capabilities of the web admin panel without ever having to open your browser.

Links

I continue to use del.icio.us for links because it’s just so damn easy, but upon discovering that they provide a JavaScript alternative to Magpie (my old PHP method of fetching the links) I decided to try that out. Implementation is fairly basic, though I was challenged by the code because I wanted the link to include not just the headline but the description as well (and all function as a link). This is what I came up with:

function showImage(img){ return (function(){ img.style.display='inline' }) }
var span =document.createElement('span')
for (var i=0, post; post = Delicious.posts[i]; i++) {
    var a = document.createElement('a')
    a.setAttribute('href', post.u)
    a.setAttribute('class', "entry")
    var h3 = document.createElement('h3')
    var p = document.createElement('p')
    h3.appendChild(document.createTextNode(post.d))
    p.appendChild(document.createTextNode(post.n))
    a.appendChild(h3)
    a.appendChild(p)
    span.appendChild(a)
}
document.getElementById('delish').appendChild(span)

The result is exactly what I was aiming for. The del.icio.us method seems more capable than the Magpie route with its ability to show favicons and tags in addition to just the title and description.

Feeds

If you wander down to the footer, which you should be able to see by the time you’re reading this, you’ll notice that I’ve finally added a feed link to more easily obtain the RSS for this site. If you’re interested, here’s the master list of feeds in case you want to follow my photos or links as well as the words:

• Journal
• Images
• Elsewhere

America

I have to admit, the US put on a good show this year. Dodge probably had the most awe-inducing displays; not only were they showing the Challenger and the entire SRT gang; they also had test tracks (an off-road setup for Jeep and a series of on-road obstacles for the SRT vehicles) which really showed off the potential of some of their rides. The singular most impressive and beautiful American vehicle, however, belongs to Chevrolet in the form of the new Camaro. I thought the Challenger was quite nice when I saw it but the Camaro’s design makes it look like an old Volvo 240 — not ugly, but not exciting either. The Challenger, like the Musting, also seems to be a rather chunky version of the original while the Camaro looks leaner and more defined, something that I think will help it in the long run assuming it sees production.

The Saturn Sky and Pontiac Solstice were there as well, of course, and I had the opportunity to try a Solstice on for size. It’s not uncomfortable physically, but with the top up you’re left with what seems like a gun-slit of a windshield. What they lacked in practicality and ergonomics they more than made up for in attractiveness. I can’t help thinking that there should be a happy medium between the overly smooth and simple Solstice and the overly angular and decorated Sky, though. Knowing GM’s history with platform sharing, there probably will be, too.

Europe

I was disappointed in the overall European showing for a couple of reasons, the main being a couple of brands that apparently didn’t feel that the largest auto show in America in terms of floor space was a necessary event to show up to. Lamborghini and Lotus, I’m looking at you. Rolls Royce wasn’t around either, which would have really irritated me had I not had the good fortune to see a Phantom the previous night (they are wonderful!). Ferrari had a respectable showing (no Enzo, but it’s not in production any more so that’s not a shock) with a matching F430 Spyder and 612 Scaglietti. Porsche, understandably, didn’t have a Carrera GT on display which was disappointing but not surprising. Mercedes saved the day by bringing both the new Maybach 57S and an SLR McLaren, both of which were quite impressive.

One of the things Europe seems to be fond of is their retractable hard top convertibles, evidenced by M-B’s SL and SLK, Volvo’s new C70 and VW’s new Eos. I played around with the burst mode on my camera and after some iMovie massaging ended up with a neat little video of the Volvo’s top in action.

Also of note was the new Saab 9-3 SportCombi, not because of spectacular design or performance, but because the spare tire cover has a handle shaped like an airplane! I liked this so much I made a desktop out of it: 1600, 1280, 1024.

Asia

Asia’s brands didn’t have anywhere near the metal that some of the Europeans had on display but they made an effort nonetheless. Infiniti’s entire model line continues to cause salivation at its beauty, and Lexus certainly seems to be getting there as well. Acura is off in their own little world where V6′s are competitive with V8′s and everybody wants a performance car with front wheel drive, but I’m sure they’ll get it soon enough.

Mazda had the wonderful new Miata MX-5 which I found to be much nicer than the Solstice and easily where my $20,000 roadster fund would be put to use. Subaru didn’t really have anything new or special aside from the reskinned WRX and STI, both of which I like very much. If you like them as much as I do, perhaps another desktop? Here: 1600, 1280, 1024.

Then we get to Honda, who did not disappoint. The Civic Si sedan has me looking for my wallet. I was equally impressed with the new Fit, which I can see blowing everything else in its price range out of the water with its quality and versatility.

It seems that the more I learn about CSS the more inclined I am to use that instead of any kind of actual layout program, and while it seems to be working OK, suddenly the site launches and I hate it. Part of that is a result of general frustration with every site implementation since 8.5, the version I did for the Reboot. I didn’t really like that one all that much and I haven’t been a huge fan of any of the WordPress-enabled versions.

With 8.5 it was just too bizarre a concept, and a result of being chained to the HTML that was already there. With the others the mistake I made was jumping straight from concept sketches to a final version without mocking anything up beforehand. That left CSS responsible for most of the elements and that resulted in sites that didn’t sit well with me for long (hence the jump through 4 versions in half a year). You’d think I’d have learned my lesson by now, but current evidence shows that I certainly haven’t.

That might sound fickle, but what’s strange is that I can go back and look at all the microsites I did at work and be quite happy with most of them. The reason? Every single one originated in ImageReady (Photoshop’s web-oriented sister) and was then translated to HTML. Almost none use CSS. It’s totally opposite from what I have here, and maybe that’s why I have what I have here.

What I need to do then, is literally go back to the drawing board, and not rely on CSS for (all) my design elements.

At that same time I was already looking for some way to take the data from Delicious Library and have it spit out an RSS feed that could then be parsed for this site much like what Magpie does with the other (free) del.icio.us. I still have not found that. There was some hope when I read somewhere that DL can output XML but I gave up on that after not finding such an option. It also seemed incredibly cluttered and complicated considering I was hoping for something more web-based.

I briefly considered just creating another del.icio.us account and linking to Amazon with every post, something that would probably be the most straightforward but somehow also feels like cheating.

In the meantime, however, I came across a plugin called Addictions which, while it doesn’t do exactly what I’m looking for, is rather close and as a bonus, it’s simple enough to dissect and rearrange things to my liking. As a result, after maybe 30-45 minutes of fiddling with the code I now have a nice window into the media that currently keeps me from posting more often and generally being more productive. As a nice bonus, there are some things to look forward to with Addictions 2.0 when (if) that happens, and it sounds as though it will be evolving more into what I want, especially with the auto Amazon linking and the archive.

Something that the WordPress 2.0 update and this most recent plugin adventure made me realize is how much better I’m getting at messing around under the hood of this site. I still couldn’t write any kind of PHP from scratch to save my life, but I do enjoy going in and trying to figure out how to make stuff do what I want it to.

Part I

I spent a couple of hours over at a friend and coworker’s house updating one of the coolest Macs ever from OS 9.1 to Panther. I was a little nervous doing such a major jump on a computer that wasn’t mine, but I have gone through the process a couple times on my old G3 so it wasn’t unfamiliar. Before starting, I had to take the chassis out to add some RAM which reminded me again of how thoughtful Apple is in most cases when it comes to component access. We got Mail set up in no time and experimented with how OS X plays with here printer, camera, and external CD burner. The answer? Perfectly; no drivers required.

After playing with the eject button and watching CDs pop out like toast out of a toaster, the process was complete and we had some pizza and cookies.

Part II

In what has to be one of the most bizarre effects of peer pressure, I felt obligated last night to update to WordPress 2.eh. The update process is well-documented on their site and I bugged PDF about it as I went along, but when all was said and done, I was on 2.0 with no pain whatsoever.

Because of the extensive UI changes, one of the first steps was re-downloading the WP Tiger Administration plugin, version 2.0. After getting that going, I added a couple lines to the CSS at PDF’s suggestion:

.dbx-content #categorychecklist {height: auto;}

This one extends the categories list instead of making it scroll.

#uploading {display:none;}

This one hides the image upload option on the post page. Considering that I frequently use that feature, you might wonder why I’d choose not to show it, and the answer is simple. The only reason I used the built-in image uploader in the first place is because it could automagically create 180×90 thumbnails for my archive page. The thumbnail feature on WP 2.0 is conspicuously absent, which renders the entire option worthless.

I decided to do some playing around with this, and copied the WP 1.5 upload.php file into the new wp-admin directory, and it still works! One problem solved. The next issue was figuring out a way to link it from the other pages. In 1.5 it would’ve been in the main navigation. Alternatively, I decided it would work nicely in the subnav, as shown:

To do this, I added the highlighted line of code (thanks Paul) to line 22 of the menu.php file under wp-admin:

$submenu['post.php'][5] = array(__('Write Post'), 'edit_posts', 'post.php');
$submenu['post.php'][10] = array(__('Write Page'), 'edit_pages', 'page-new.php');
$submenu['post.php'][15] = array(__('Upload Image'), 0, 'upload.php');

So far, so good, but there were still a few issues. The ability to specifiy the upload directory has mysteriously vanished from the Options > Miscellaneous page as well. This is handled by the options-misc.php file in the wp-admin directory. Like I did with upload.php, I simply copied the 1.5 version back over, so I can now specify the directory I want my images to upload to.

The final issue was how WP 2.0 handles thumbnails, which is bizarre since I don’t know how you’re even supposed to make it create thumbnails with the current UI. Regardless, rather than using the traditional thumb-IMAGENAME.jpg it now uses IMAGENAME.thumbnail.jpg by default and with nowhere to change this option in the admin menus. Because I have nearly 200 posts and all of them have thumbnails named with the old convention, it was easier to just try to hack it back to 1.5 standards. As it turns out, this is handled by the admin-functions.php file, also in wp-admin. I basically reverted that section to the old version by commenting out the stuff that didn’t match up and pasting in the old rename function (~line 750). The result:

// If no filters change the filename, we'll do a default transformation.
// if ( basename($file) == $thumb = apply_filters('thumbnail_filename', basename($file)) )
// $thumb = preg_replace('!(\.[^.]+)?$!', __('.thumbnail').'$1', basename($file), 1);
// $thumbpath = str_replace(basename($file), $thumb, $file);
$path = explode('/', $file);
$thumbpath = substr($file, 0, strrpos($file, '/')) . '/thumb-' . $path[count($path)-1];

After all is said and done, WP 2.0 now handles image uploads identically to WP 1.5. I’m happy to say that, aside from this, everything else about 2.0 seems fairly good. I really like the live preview option that lets you view the post in its intended environment before going live, especially for instances like this where I’m using certain classes for the first time. I can’t honestly say that I took advantage of a lot of the other features in WordPress so I don’t notice a huge difference between the two versions, especially with the Tiger plugin obscuring the new UI design.

Overall though, I’m glad it’s over and done with, and the average WordPress user won’t have nearly this much trouble with the upgrade.

Anyways…

Alista has a thought-provoking article on using CSS to apparently *ahem* think outside the grid, something I obviously did with this site. Whatever. From what I read of the article, it seems to be a little misguided and confused. But the comments are gold. At least I can take consolation in the fact that other designers agree that Alista is not 100% infallible.

The grid discussion comes on the heels of not only the redesign of my own site but PDF’s recent article about structure. He observed about his own site:

I tend to carry the structure of the HTML that makes up a web page into its presentation. What I mean by that is most of the block elements tend to stack on top of or next to each other rather than flowing in, around or through each other. Even if the layout isn’t built on a fixed grid, there is often that clear separation of elements defined by right angles and gutters.

This is one of the biggest design commonalities Paul and I share. I don’t think this is a bad thing – it’s always good to start with a grid, which is why Alista’s article seemed so ludicrous to me. I could continue to elaborate, but I’m not saying anything the aforementioned comments already said.

Viva la Grid!

Yeah, sorry about that. I’m just not feeling it lately, and so I finally decided to skip a day or 3. It’s not that I don’t care about the site anymore; it’s actually scheduled for a relaunch in a couple weeks. Rather, I want to break away from the daily posting because I’m running out of both words and images. I’d like to move toward a couple posts a week, each with something worth reading and looking at. I want to do more series’ of photos but I’m not big into winter photography, somehow.

In the meantime, here’s a Ferrari Enzo with some hidden meta that will make itself available on version ALeven. LOOK OUT!

This is when you have to start thinking about scale. How important is this project, and what kind of lifespan is it going to have? I could understand the weeks or months of struggle if you’re developing a new identity for, say, AT&T. On the other hand, if you’re working on a catalog with a lifespan of a month, chances are you’re not going to spend nearly as much time developing the look since it will be gone and forgotten before long.

Which brings me back to my dilemma. In this case the colors and design in question are for a personal project which in a way adds another complication. When I’m working on stuff for my actual real job it’s easier because of the aforementioned short lifespans, but also because there are others involved on the project so I don’t have to completely rely on myself for feedback. There are certain times where I get to a point in a project and just can’t do anything else with it. At this point it helps to see the marketeer in charge because I can start to refine it or add things I missed or remove things that are unnecessary, which means that whether I like it or not I have to continue to work until we are both (hopefully) satisfied.

Not so at home. I could call it a day if I wanted to on this project and proceed to the next steps and stare at it and feel guilty about not having put more thought into it, or I could continue to waste time on trying to make it look better when I really like it right now. Damned if I do, damned if I don’t.

But speaking of protection, the thought has been nagging at me for some time now that I really should back up my database somehow so if anything ever goes awry I can at least have a recent restore point. I found this one at Skippy.net, which gives you a plethora of options for saving – you can have your backups saved to your server, emailed to you, or just downloaded straight to your hard drive.

It gets even better. If you are too lazy (like me) to make yourself back stuff up with some regularity, install WP-Cron and it will email you a nightly backup. Plus, in addition to the standard WordPress tables, it’s also nice enough to let you remember anything else that might be in that database if you tell it to when setting it up. You know, like ShortStat junk.

Literally the day after the last update I was already trying to figure out how it could be better. I’ve worked around the issue that resulted in the background shifting as the browser window narrowed by assigning a background to the wrapper instead of the body. This resulted in the problem of the background not extending the full length of the screen, but this new taller footer fixes it for all but the one-sentence slacker entries.

I mentioned before that I was considering moving to a different column structure. As much as I want to, I cannot do five columns. 1050 pixels is simply to wide for anyone who’s not me. The other natural option was 3 columns, but I don’t see that being a satisfactory solution at this point either. So for now I stick with four columns and hope that I don’t need to redesign again for another, say, 3 months.

♥

Paul McCartney and Dan Brown’s Angels & Demons, eat your heart out – I’m all up ins with the ambigrams.

Maybe not so much. Check this dude.

As I was starting it, though, I couldn’t help but wonder which Michael Crichton wrote this book. It sounds like an odd question, but it’s funny because it seems as though he will write in one of two distinct styles. The first, seen in books like Disclosure, Airframe, or A Case of Need, is one in which the scenarios are totally possible and grounded in real life. They are things that could happen in our current society and probably do happen. They are suspenseful but could easily sit in the non-fiction section with minimal changes.

The other Michael Crichton is something of a sci-fi writer, evidenced by books such as Jurassic Park, Timeline, orSphere, all of which were made into movies. These are much more fictional scenarios, at least at this point in time. We haven’t yet cloned dinosaurs, traveled to a parallel universe, or discovered a spaceship from the future under the sea, but they are admittedly things that *could* be scientifically possible. That’s where Prey fits in as well – I guess you’d classify that and all of these as near-future sci-fi movies, because unlike I, Robot or Minority Report the world is exactly as it is now and the only thing that prevents these events from unfolding is that we don’t have the specific technology.

What’s really impressive though, is that for me both of the Crichtons’ styles are equally enjoyable. As a matter of fact, it’s almost more interesting to see how the real-world scenarios unfold because they have to remain grounded in reality.

You’ll also notice at the right I’ve debuted the “Intake” section, listing recent media consumption.

What really blows me away with this whole thing is that the entire process took maybe an hour. It’s this kind of situation where CSS really shines, as the entire update required changes only to the CSS, some of the PHP (more for consistency than anything), and just two (two!) new images.

I am happy with this. While I was (and still am) pleased with the structure at the initial launch, the look left something to be desired, as the black and white and horizontal lines came closer to Subtraction than I was comfortable with. The other thing that bothered me was the fact that the four main nav buttons were very similar in appearance to the section headings and therefore didn’t stand out as much as they should have.

I was also unhappy with the lack of color, and wrote that off to wanting to keep the site “neutral.” While the reasoning was good, it just didn’t feel like a site I could be totally happy with. I am much more satisfied with this iteration, as it a) fits with the season and b) will hold me over at least until the CSS Reboot in November.

I mentioned before that the archive page now has categories on it, but thanks to PDF’s new Wicked Categories and Total Posts plugins, the categories and the page itself both have post counters.

If you’ve looked at any of my comments lately, you’ll also see that, thanks to Author Highlight, they now have their own style to separate them from the riff-raff.

Of course, thanks again goes to PDF for helping me make this junk work. Maybe his new name should be “the Genius.”

• Screenshots: OS X has a couple of screenshot options. Cmd+Opt+3 takes your full screen and Cmd+Opt+4 lets you choose a specific part of your screen. These alone are perfectly well-known and very adequate, but if you press the space bar when after the latter command, it turns to a camera and you can screen shot a specific window. Furthermore, because screenshots in OS X save as PDFs on your desktop by default, it will convert a full screenshot of a multi-display setup to separate pages for each display.
• Scroll Bars: I don’t generally look too closely at OS X’s scroll bars, but if you do look at them when scrolling, you’ll notice the background does not move; rather, the outline of the scrollbar functions as a sort of mask over the background. A neat little touch as well as one that gives the effect of motion while scrolling
• Dragging: One of the things I’ve gotten incredibly used to with Mac OS is the concept of dragging your file onto things to make things happen. Drag your file into the email to create an attachment. Drag it along the bottom of the dock to see what apps will open it; let go to launch the file (and the application, if it’s not already open). Works for one file, works for 10. When I need to work on a Windows machine, this is the feature I miss the most.
• More Dragging: Guess what! This works on the internerd too! Drag a link to your desktop to make a bookmark. Drag an image to your desktop to save it. Drag a non-linked image to the address bar to view the image by itself. Internet wonderland!
• Upside-down Scrolling: By far the best little detail I’ve ever seen is Illustrator 10′s upside-down scrolling. Using a scroll mouse? Try scrolling up – it goes down! Scroll down – it goes up! Why does it do this? I don’t know! This functionality is second only to the Tools palette disappearing every time I close Illustrator. Hott!

Speaking of functionality, you’ll find that the archive now has a category list. Yee-haw!

Part 3 in a series of cars I’m looking at. Today: the Volkswagens.

Reliability is a key factor in the cars I’m considering, so I don’t even know why these are on the list. Is it because I’ve enjoyed every VW and Audi I’ve ever driven, even the slow as dirt New Beetle convertible? Maybe. Is it because they’re interiors follow the less is more philosophy (or used to, at least)? Maybe. All I know is that they seem to be darn good cars. The Audis are unfortunately still financially unattainable for me, unless I settle for a first-year A4 with more miles than my car, and I don’t see that happening. VWs, however, seem to be depreciating to a point where they may actually become affordable. The Passat is the logical choice given that all of the engine and transmission combinations would be acceptable, and they’re available as wagons. I mostly like the 1.8T with a manual, although I’ve only driven the Tiptronic versions which have been fine as well. The wild card is the most uncommon of the 4th-gen Golfs. That’s the four-door GLS with the same 1.8T motor as the Passat mated to the 5-speed manual. I’m not even sure the car was made for more than a year, and that was 2001. Yes, you can get that same drivetrain with more power in the GTI, but this has four doors!

So then the drawback, because there always is one, is the VW’s spotty reliability. This is unfortunate because it is a major blemish on some otherwise very nice cars. I’ve heard that this is because there’s a tendency to overcomplicate things internally, and it doesn’t really surprise me. It’s just an unfortunate set of odds, given the safety and driving aids they like to fill their vehicles with.

Just briefly, props to PDF for figuring out that when you have any kind of dialogue box open in OSX (such as the “Don’t Save / Cancel / Save” menu when you close a file in Photoshop), you can use the keyboard to tell the box what option you want: pressing ‘D’ for the above box would tell it not to save, ‘C’ would cancel, etc. I’ve only tried this on Photoshop but I wouldn’t expect it to work differently in any other app. No more remorse at the non-functional tab key!

Is 1,050 pixels too wide for a site?

• Drumsticks
• Some kind of pointy footwear
• A car. You know, like a Prelude. Or a Del Sol. Or an 850. Or a Passat, 900, 9-3, Miata, etc etc etc.

I’ll be back sometime on Sunday. In the meantime I’ll have a couple ghost-posts set up so there is still some daily content.

A new question that fall brings for this site is that of content – do I have to start showing fall-ish pictures? Is there a grey zone where I can show both, or can I show an obviously summer picture in October? Just wondering.

PDF was confused by yesterday’s post because it didn’t involve any depth-of-field blur and wasn’t a macro shot, two things which are admittedly very prevalent on this site. I am not sure whether this example proves him right or wrong.

My 50th post was 5 days ago.

Well, maybe for computers: 1600, 1280, 1024.

Also, look who else is on WordPress.

You’ll also notice the site has been overhauled. Welcome to version 10.

Me: did I ever show you this? I think it was before your time.

Paul: that’s fun

A: yes, pencils and internet go hand in hand.

P: I’ve seen some really dope stuff using pencils on the internet. Or maybe it just seemed dope because it wasn’t pixel perfect boxes.

A: is mine dope? how about pencils on the new site?

P: looks dope. exectution of course not so dope. but that was a long time ago…

A: That would’ve been difficult to execute with css. I think.

And here’s where it turns on us…

P: Nothing is difficult with css. Like standing on your hands for instance. Without CSS it is really hard. But when using CSS, no problem.

A: I’m not even sure that’s a valid argument – -

P: I’m not sure that’s a valid accusation.

A: I don’t think it was an accusation so much as a fact.

P: You don’t know.

A: No, I do.

P: Did your mom tell you to say that?

And unfortunately, that’s where it ends. I think our brains were so dead after that that neither of us did any work for the next 6 hours. That is a lie.

Also, thanks to the concentrated mass of wisdom that is Paul the site is starting to look more finalized.

Paul shouted out. I’m shouting back.

What is up, my dawg?

EDIT: andylaub.com 8.5 can be found here.