Blueprint grid overlay – a jQuery plugin

Today I saw a link on Twitter for a jQuery plugin written by badlyDrawnToy that allows you to toggle the grid overlay when using 960.gs

I have been using Bluetrip for my app development, so I adapted badlyDrawnToy’s plugin to work with BluePrint / Bluetrip CSS.

You can get it on my Github repo

The only file you need is jquery.BTshowgrid-1.0.min.js. The other files are just there to support the example.

To enable it on your page just call

$(document).ready(function(){
   $("body").addGrid({img_path: '../img/',margin:"1.5em auto"});
});

The default options are as follows. They may be overridden by passing in this param

var defaults = {
   z_index: 999,
   img_path: '/img/',
   opacity:.6,
   margin:'0 auto'
};

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>