8.0

equiv­o­cal­i­ty 8.0 has arrived. Though arriv­ing with lit­tle fan­fare, I felt this design update was impor­tant enough to have it’s own entry.

8.0 is an evo­lu­tion in the design of this blog. I want­ed a lay­out where the infor­ma­tion was pre­sent­ed with less clut­ter, while main­tain­ing the min­i­mal­ist feel. There’s a rea­son behind every mar­gin, every line, every shade.

Wide load

The most promi­nent change from past designs is the move away from a sin­gle-col­umn lay­out. I decid­ed to go wide because the large blank spaces on the sides were bug­ging me. It’s rare for peo­ple to be run­ning res­o­lu­tions low­er than 800x600 now any­way.

The right (main) col­umn has been kept 480 pix­els as before, but with meta data and oth­er rel­e­vant infor­ma­tion on the left. Dimensions for these two columns were some­what based on the gold­en ratio.

Everything is aligned along these two columns. I don’t like ver­ti­cal rules, so I’ve used con­tent and vary­ing-weight­ed hor­i­zon­tal rules through­out the body to define the edges.

The shelf

With Trolley’s gen­er­ous assis­tance, a shelf for the archives has been imple­ment­ed in the head­er. It’s still an extra click to get there, but no load­ing a sep­a­rate page this time. The Scriptaculous effect con­tin­ues to mes­mer­ize me. Included is the search box for hand­i­ness. The shelf is bro­ken in Opera, but I’m not too wor­ried about that.

Icons and optimization

The field edit icon

Also updat­ed are the icons, though my favourite one isn’t pub­lic; the admin­is­tra­tion edit­ing icon only shows up when I’m logged in. I love that lit­tle text-entry field.

Much of the graph­ics are opti­mized to be in the same CSS sprite. This cut down my serv­er requests from 16 to three for the most com­mon­ly used graph­ics, and as we all know, return serv­er requests usu­al­ly take the longest to load.

Twitter

I’ve also added my Twitter feed in a bar at the top, my first for­ay into the world of Web 2.0 (that last­ed, unlike Facebook). Since I gen­er­al­ly do long posts every oth­er day, Twitter offers me the oppor­tu­ni­ty to update on the lit­tle things on a more fre­quent basis, as well as let­ting my friends know what I’m up to. The oth­er option offered by Twitter is updat­ing through SMS mes­sag­ing or Twitterific for Mac OS, which is very handy.

no-WWW

Yes, the www. is dep­re­cat­ed. I’ve added an .htac­cess rule that redi­rects all traf­fic to the domain with the super­flu­ous pre­fix for con­sis­ten­cy’s sake.

More content

A bot­tom bar has been added to pro­vide space for more con­tent. Related posts have been added to every entry since I have such a large body of work. There’s also a sec­tion for pop­u­lar posts, a link for a ran­dom post (which I occa­sion­al­ly spend hours nos­tal­gi­cal­ly click­ing), and recent com­ments.

Screenshots

The field edit icon

The field edit icon

I'm in love

After much tweak­ing and play­ing around, things final­ly match up in IE 6, IE 7, Firefox, and Safari (though design­ing around Internet Explorer’s much-flawed box mod­el still taunts my sen­si­bil­i­ties). There are lots of floats to this lay­out, even floats with­in floats. I also used a lit­tle design trick of hav­ing the post title an extra pix­el high­er than the post meta title. This is because the hor­i­zon­tal rule is thick­er above the post, which makes the title seem fur­ther away than it actu­al­ly is. I’ve since become privy to the world of design, and how good design­ers trust their judg­ment instead of fol­low­ing the rules.

Yes, I’m in love with this lay­out. It’s prob­a­bly the most sat­is­fy­ing one I’ve done, just because of how dif­fi­cult it was to make a com­pli­cat­ed struc­ture look sim­ple.

3 comments

  1. Love 8.0! I am a suck­er for min­i­mal­is­tic designs, and I love this one very much. I wish you would release this as a WordPress theme some­day. Great work!

  2. like the new lay­out, crisp and crys­tal clear. I do like face­book though, and since I’m not good at html cod­ing and such, I’ll stick with it.
    the new look is good, though!

  3. @AsceticMonk — Thanks! Releasing this as a pub­lic WordPress theme is an idea I’ve flirt­ed with many times, but I’d like to keep some­thing that’s unique­ly mine. Perhaps when ver­sion 9 comes out, I’ll do so.

    @amy — I delet­ed my Facebook account a cou­ple of weeks ago. It was­n’t serv­ing any pur­pose for me, since a blog offers much bet­ter con­trol of com­mu­ni­ca­tion.

Leave a Reply