PDA

View Full Version : Overlay grid on any web page.


Paz
05-20-2007, 08:45 AM
Hi,

I've just found a great javascript bookmarklet to write a 1024x1000 grid over a web page. It's great for web design. To run it manually just open the page and paste the code below into the url locator;

javascript:void(myDiv=document.createElement('div' ));void(myBody=document.getElementsByTagName('body ')%5B0%5D);void(myDiv.style.background='url(http://www.andybudd.com/images/layoutgrid.png)');void(myDiv.style.position='absol ute');void(myDiv.style.width='100%');void(myDiv.st yle.height='100%');void(myDiv.style.top='0');void( myDiv.style.left='0');void(myBody.appendChild(myDi v));

Original article is at Andy Budd (http://www.andybudd.com/archives/2006/07/layout_grid_bookmarklet/), found via Seo Scoop (http://www.seo-scoop.com/2007/05/08/layout-grid-overlay-bookmarklet-for-web-pages/).

Koz
05-21-2007, 07:10 AM
Pretty cool find. I see it doesn't go much further than 750 (verticaly), is there a way to lengthen that?