design

jQuery Accordion Made Easy

Published by Cory on Friday, August 21, 2009

Having recently adding jQuery to my arsenal of web tools I've been experimenting with new ways of organizing content. While tabs is one obvious way of doing this (tutorial to come), my newly preferred method is the Accordion widget in jQuery UI.

It offers a nice flexible options and can be used for nearly all types of content. And the best part of this particular option has to do with the fact that the required code is very minimal and straightforward. Enjoy!

download source filesview demo

Redesign in progress

Published by Cory on Wednesday, July 08, 2009

sneak peekAs you probably notice, there's currently a few discrepancies with my live site. This has been done on purpose. Why? Well, because as much as I love playing around with websites, Drupal, jQuery, etc., I tend to get a little lazy when it comes to my own site.

To keep myself on track, I decided to create a new theme on and put it on top of my live site instead of in a sandbox. For the most part, this is transparent since I haven't enabled the new theme. However, when it comes to changing the design of my fragmented content (known as "blocks" in Drupal), the content and code changes but doesn't have access to the new theme's CSS.

960 Grid System Redesign Underway

Published by Cory on Wednesday, June 17, 2009

960 Grid SystemI'm in the process of finally redesigning my site. The 960 GS really got me motivated and has mad things MUCH easier.

My redesign will be taking place on the Drupal platform. I decided to stick with it after briefly using WordPress for a clients site. I just didn't find WordPress as intuitive and I love Drupal's codebase and theme'ing capabilities.

All in all, the site will be simple by design and utilize whitespace better. I've decided to implement a few trendy elements, but largely stayed away from them where I could so I wouldn't feel like I had to redesign my site in 6 months.

Lay out sites with ease: 960 Gridder

Published by Cory on Tuesday, June 02, 2009

I think I've found a new design philosophy and tool. You know, instead of just "eye-balling" it and calling it a day. 960 Gridder is the perfect companion when trying to layout websites and trying to get the spacing just right. Based on the 960 Grid System, a CSS Framework, it uses the popular jQuery library to work its magic.

Test your color vision

Published by Cory on Tuesday, September 30, 2008

Today, a co-worker sent me an interesting link to a site that tests your color vision. Two colors chips are fixed at each end with an array of colors in between. Your job is to simply position them in the correct order from one side to the other. Seeing as how I work with quite a few designers, I thought for sure I'd get man-handled but my 20/10 vision came into play. I ended up getting a perfect score of 0. The next closest was a 4 by my dear blogger friend Matthew Lewis.

Syndicate content