Blueprint grid overlay – a jQuery plugin

April 22, 2009 by Noel Gomez
Filed under: Programming 

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

1
2
3

$(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

1
2
3
4
5
6

var defaults = {
   z_index: 999,
   img_path: '/img/',
   opacity:.6,
   margin:'0 auto'
};
Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • del.icio.us
  • StumbleUpon
  • Reddit
  • Facebook
  • LinkedIn
  • Slashdot
  • TwitThis
  • YahooBuzz

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.

Tags:

Comments

Tell me what you're thinking...
and oh, if you want a pic to show with your comment, go get a gravatar!