Archive for the year 2009

Cube the Cat – Adventures About Town

Nov 2009 29 – Filed under art

Cube the Cat doesnt seem hungry

Cube the Cat doesn't seem hungry

I’ve added a Cube the Cat Adventures group photo pool on Flickr. I will continue taking pictures of my own Cube the Cat as he explores the world, but I would be overjoyed to see other Cube the Cat’s out there. If you are inspired to make your own Cube, please take pictures and add them to the pool!

I know there is already one other Cube the Cat out in Medicine Park!

Download the Cube the Cat, papercraft PDF (version 0.6 beta).

CatCubed redesign

Nov 2009 28 – Filed under code + design

I’ve been inspired… and I have a long weekend, which means that I’ve spent the last couple days buried in my laptop. My back aches, my eyes are screen burned, but nothing stops the freight train called inspiration.

Cube The CatI give you the new and improved CatCubed.com! Also, I’m releasing Mr. Cube the Cat as an adorable papercraft doll that you can make yourself! Like the new version of the site, he’s still in beta but he’s stable and I’m releasing him into the world anyway!

Download the Cube the Cat, papercraft PDF (version 0.6 beta).

Yep, I’ve gone and scratched that designer itch that has been bugging me for a while. I’ve decided to use CatCubed as a means to experiment with new web techniques. Besides the cute little paper Cube the Cat, the new site includes:

  • HTML5 semantic structural elements – minimizing the use of divs except where appropriate. I’m still not perfectly happy with the semantic structure of the HTML. Some limitations were due to the layout particulars and the wordpress CMS. I will revisit this at a later point so that it is more in line with proper HTML5 semantics.
  • Extensive use of new CSS3 styles – multiple background images, rounded corners, rgba, box shadows, etc.
  • CSS built using SASS
  • Simplified navigation – Got rid of the sidebar modules clutter. Also, post categories have been reorganized with a focus on the three main things I write about art, code, design.
  • Coming Soon – more robust art, code, and design sections with highlights of my various projects. Mobile version of the site (it’s a image heavy site now, so I think a mobile version is in order.)

The site works best in webkit browsers (e.g., Safari, Chrome, or Internet Explorer with Chrome Frame). If you are on a gecko browser (Firefox, Camino) everything works but you are missing a few design elements due to lack of Firefox’s ability to use multiple background images (this is supposed to be added in Firefox 3.6). I have not tested the site in Opera, but Opera is decent so it should work (except for some of the CSS3 styles). I also haven’t tested in any version of Internet Explorer, and I don’t plan on it. I’ve added the HTML5  shiv so that IE will recognize the HTML5 elements, but considering the fancy things I’m doing with floats, it likely fails pretty bad.

I’ve kicked this whole thing out fairly quickly and I’m experimenting with a few things so there are likely a few issues here or there. If you are running webkit (Safari, Chrome) or gecko (Firefox) and run across any bugs let me know.

I have a few additional things I want to do to this site over the coming weeks and months. So expect to see more changes.

CeeTip – basic tool tip

Nov 2009 23 – Filed under code

Small Fix for IE. CeeTip v1.0.1

Announcing without much fanfare CeeTip, a basic jquery tooltip plugin which works smoothly with CeeBox (v2.0.9 and higher).

I couldn’t find one I wanted* which also worked properly with CeeBox**, so I borrowed code from vTip, turned into a jquery plugin and modified it as follows:

  • moved all the css to the javascript (it’s so minimal that it seemed silly to have another css file.)
  • added some optional settings.
  • added a minimized version (only 1.6KB).

Download CeeTip 1.0.1

You can also find CeeTip on Github

* the problem I was having finding a tooltip is that several were either ugly or their file size was way too big.

** Other tooltips can work as long as they either somehow keep the title tag intact or they store the title in linkelement.t on the link in question.

Tailoring the Wax

Nov 2009 22 – Filed under design

As I tweeted ages ago, even though we are the age of the mp3 there is no reason for bands to produce subpar album art. Case in point, the cover art to Wax Tailor’s latest album “In the Mood for Life” looks like they gave a 6th grader a bunch of random images and fonts and set him in front of a bondi blue iMac with Photoshop 6.

Original cover art for Wax Tailor's In the Mood for Life which is a mess of bad photoshop and wanton thoughtless typography

Really as much as I love the album—and it is a damned good album—I couldn’t let this abomination of fonts and filters be seen in my iTunes coverflow. Thus, I went and made my own alternative cover art as I promised in the previously mentioned tweet. I didn’t have to do much work since Wax Tailor already had a much better recent illustration out there to work from. All I did was pick a font—a single font—to used for the band/album name.

Wax Tailor - in the mood for life (alt cover)
I highly encourage everyone to buy the album but use the above cover art instead so as not to dirty their iTunes coverflow with bad photoshop.
All art is © Wax Tailor and has been modified without permission as a fan who likes his music but just hates the latest cover art.

MP3 clip provided by Amazon. If you buy the album by clicking on the link in the widget, I get a small referral bonus.

Another day another bug fix

Nov 2009 22 – Filed under code

Erg. Note to self Safari (webkit) wrongly considers typeof /regexp/ == ‘function’ when all the other browsers use typeof /regexp/ == ‘object’

CeeBox 2.0.7 released with bug fix for Safari/webkit that effected video embedding. Hopefully that’s the last of the bugs.

On a side note, I changed comments on my blog to be in reverse chronological order and put the comment field at the top as a temporary fix to the “OMG there are so many damned comments!” issue on some of the posts. I will likely revamp comments with a nested comments plugin or something when I revamp catcubed.com.

Eh I lied. Added more functionality to CeeBox again.

Nov 2009 20 – Filed under code

Again I had nifty idea. Use an external JSON file to add more video support so that I and others could release additional video support without releasing the main jquery.ceebox.js file and without increasing to the bulk of ceebox. Makes it easy for sites to add support selectively too so that CeeBox is more an adaptive tool rather than a heavy do everything.

Get it all working too for in the new CeeBox 2.0.6… which also include a bug fix for video galleries. Missed a bug in my checking during the 2.0.5 release.

It’s my first time messing with JSON. Pretty nifty cool stuff.