December 22, 2014

Blueprint CSS Grid Tool for Adobe Air

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 2

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.

Related posts

Share and Enjoy:
  • services sprite Blueprint CSS Grid Tool for Adobe Air
  • services sprite Blueprint CSS Grid Tool for Adobe Air
  • services sprite Blueprint CSS Grid Tool for Adobe Air
  • services sprite Blueprint CSS Grid Tool for Adobe Air
  • services sprite Blueprint CSS Grid Tool for Adobe Air
  • services sprite Blueprint CSS Grid Tool for Adobe Air
  • services sprite Blueprint CSS Grid Tool for Adobe Air
  • services sprite Blueprint CSS Grid Tool for Adobe Air

Technorati Tags: , ,

No related posts.

About Bruce Kroeze

Comments

  1. Arne says:

    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 says:

    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 says:

    please update it for air beta 3, thanks

  4. Hugo Sombreireiro says:

    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 says:

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

  6. Mark Bowen says:

    Nice little tool. Would be great if you could have settings within it too so that people could somehow change the grid spacing so that if they aren’t using the default 950px grid then they can use this with whatever they have set.

    Nice start though, thanks.

    Best wishes,

    Mark

  7. Andy Gray says:

    Link to download bluegrid.air is broken (404). Do you have an alternate download site please?

  8. Salve! We’re gettin a SORRY. 404 PAGE NOT FOUND from the link, mate. Do you have alternates please?

  9. PERFECT WORK! Thank You!

  10. Works Amazing, Thanks for the App!

  11. Tom J Nowell says:

    It’d be very useful if you could specify custom column and gutter widths

  12. viar says:

    great. i will try this app. thanks

Speak Your Mind

*