ANU grid tool

ANU grid tool screenshot

This JavaScript tool allows you to overlay a responsive ANU grid on your site. To install the tool, drag the following link to your bookmarks in your browser: ANU grid tool

If your browser doesn't support dragging and dropping to create bookmarks, you can instead create a bookmark which points to:

javascript:var%20s%20=%20document.createElement('script');s.type='text/javascript';document.body.appendChild(s);s.src='//style.anu.edu.au/_anu/4/scripts/hugrid.js';void(0);

Now when you click on the bookmark on any site, you will see the ANU grid overlaid on the page.

Full width grid tool

For full width sites, there is a different grid tool available, which can be configured to show grid lines with and without box20 classes. To install the tool, drag the following link to your bookmarks in your browser: ANU grid tool

If your browser doesn't support dragging and dropping to create bookmarks, you can instead create a bookmark which points to:

javascript:var%20s%20=%20document.createElement('script');s.type='text/javascript';document.body.appendChild(s);s.src='//style.anu.edu.au/_anu/4/scripts/anugrid.js';void(0);

Updated:  20 August 2015/ Responsible Officer:  Director Marketing/ Page Contact:  Webstyle