Coder’s Eye

A site about one of the three passions in my life.

Coder’s Eye header image 2

Blueprint CSS Grid Tool for Adobe Air

October 26th, 2007 · 5 Comments

I’m a big fan of the Blueprint CSS framework. In the process of using it to develop the base template for Banjo, the blog app I’m writing, I realized I need a tool to help me keep page elements lined up on the grid, both vertically and horizontally.

Blueprint comes with a background grid image to use for this, but it only works as a background, and it is not that useful when you are working with colors and final tweaks. So, I made a little (tiny) AIR app which will show a floating grid, sized at 18px and with Blueprint-sized columns.

The nice thing is that this is semi-transparent, draggable and resizable. So you just start it up and align things as you please. It floats to the front, so you can even edit behind it while it is running.

Download now

bluegrid-1.0.air

Enjoy, and let me know of any improvements I could make. It is really dead simple.

Soon, hopefully tomorrow, I’ll make an install badge for this app. In the meantime, to install it, first go get Adobe AIR (it is basically just Flash on the desktop), then install my app.

Technorati Tags: , , ,

Tags: Adobe AIR · CSS · Open Source

Bookmark this article

del.icio.us:Blueprint CSS Grid Tool for Adobe Air digg:Blueprint CSS Grid Tool for Adobe Air spurl:Blueprint CSS Grid Tool for Adobe Air wists:Blueprint CSS Grid Tool for Adobe Air simpy:Blueprint CSS Grid Tool for Adobe Air newsvine:Blueprint CSS Grid Tool for Adobe Air blinklist:Blueprint CSS Grid Tool for Adobe Air furl:Blueprint CSS Grid Tool for Adobe Air reddit:Blueprint CSS Grid Tool for Adobe Air fark:Blueprint CSS Grid Tool for Adobe Air blogmarks:Blueprint CSS Grid Tool for Adobe Air Y!:Blueprint CSS Grid Tool for Adobe Air smarking:Blueprint CSS Grid Tool for Adobe Air magnolia:Blueprint CSS Grid Tool for Adobe Air segnalo:Blueprint CSS Grid Tool for Adobe Air gifttagging:Blueprint CSS Grid Tool for Adobe Air

5 responses so far ↓

  • 1 Arne // Oct 26, 2007 at 1:22 am

    nice little app. I’m currently really exicted about adobe AIR - started playing around with it a few days ago and got the first little app finished after a few hours - that’ rapid developement - just like with django ;)

  • 2 Joran // Jan 2, 2008 at 4:27 am

    Seems like a new build is required thanks to the Adobe AIR Beta 3 Installer. It won’t install after installing the Adobe AIR Beta 3 Installer.

  • 3 dinobib // Feb 23, 2008 at 3:31 am

    please update it for air beta 3, thanks

  • 4 Hugo Sombreireiro // May 21, 2008 at 5:37 am

    Hi, I would love to test your app but could you please update it for the current AIR version please?
    Thanks for your efford

  • 5 C // May 21, 2008 at 10:30 am

    any chance for an update? I’d like to check this out.

Leave a Comment