When designing and developing to the grid, it can be very useful to ensure alignment between various layout components on the page. One easy way to do this is to use a crosshair cursor. Crosshair is a JavaScript bookmarklet which provides exactly this on any web-page you wish.

Usage

Using Crosshair is extremely simple:

  • Drag the Crosshair link below to your bookmark bar (or add it to your bookmarks by right clicking the link and selected 'Add to bookmarks/favourites'):
    Crosshair
  • Load any web-page you want
  • Click Crosshair in your bookmark bar
  • Move the mouse around the web-page and the crosshair will follow.

The usage of Crosshair is as simple as loading it in a web-page, as described above. The crosshair, including a small information box about the x and y co-ordinates of the mouse on the page.

Supported browsers

The following browsers are supported in Rule:

  • Internet Explorer 7
  • Firefox 2+
  • Safari 2.0.4+
  • Opera 9.2

These are exactly the same as Grid, and there is no IE6 support for exactly the same reason as before.

Article image

Elsewhere on the web

Crazy code
Ever feel a little bit overwhelmed with the number of code libraries that are available? Take a look at this post and feel a bit better about the world.
Visual Event for Opera
Victor Grischenko has wrapped Visual Event up in an Opera extension, making it even easier to use Visual Event in Opera now.
Why Visual Event
Mark Haller of LogicSpot does a superb job of introducing the exact reasons for which I created Visual Event!
Bullet time surfing
What could possibly be cooler than surfing? Surfing with bullet time captures - amazing work from Rip Curl. Seriously - watch the video!
Big changes for Flash
This week Adobe has announced an end to mobile Flash development and Flex now appears to be heading out of the door as well.
Getting started with SVG
Interesting post from the IEBlog about how to get started with SVG. With the level of support in browser now, SVG will hopefully go prime time.