Archive for January, 2008

Deckage

You may have noticed a little advertising spot over in the sidebar there. SimpleBits is pleased to have joined The Deck, which is described perfectly as:

The premier advertising network for reaching creative, web and design professionals, The Deck serves up millions of page views each month and is uniquely configured to connect the right marketers to a targeted, influential audience.

I’d never slap just any ol’ ad up here. And that’s why I’m excited to join a network that is picky about the advertising it accepts. My latte addiction has hope now.

Special thanks to Jim Coudal and the rest of my fellow Deckians.

Gridlasticness

After a brief period of unstyledness, we’re back with a realign and overhaul of simplebits.com. Aesthetically, it’s not much of a departure from the previous design—but under the hood is new markup, new stylesheets and a strict grid layout based on ems. After moving into new physical digs last month (more on this later), it only seemed appropriate to spruce up the virtual ones as well.

As usual, the overhaul started innocently enough, with a little tinkering here and there that snowballed into tearing the old CSS out, while the site embarrassingly stood naked for a week. But the challenge of creating a em-based grid was too tantalizing (the second time I’ve used that word in as many days).

A few notes when trying to create a grid layout using ems:

  • Using the 62.5% method for sizing text has the advantage of setting gutters, borders, etc. at values of ten (e.g. 1em = 10px).
  • Remember to avoid specifying widths and font-size on the same element (or at least be consistent about it).
  • Realize that when adjusting text size in Safari, the grid will only stay perfect on a random bump. Firefox seems to stay intact at all times. I assume this is due to a rounding discrepancy.
  • Understand that when building an already-wide layout, it’ll get really wide, really fast. That’s OK. Wide is the new drop shadow.
  • Have plenty of coffee at hand.

A large motivation for this tinkering had to do with the Notebook entry styling. I’ve tweaked the MovableType templates to enable posting of quotes and photos as well as long entries and QuickBits (links). A “tumblelog” as the kids would call it. That doesn’t mean there’ll be 100 posts a day—but it does mean (I hope) more posting in general.

Now if you’ll excuse me, there are several dusty corners to clean up around here.