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'):
- 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.
elsewhere on the web
The evolution of the design of a web-site
Step by step for how a fantastic web-design goes straight to hell. Hilarious (and so sadly true).
Step by step for how a fantastic web-design goes straight to hell. Hilarious (and so sadly true).
The design process
Those Gantt charts look great when put up on the projector during a team meeting - but does it ever go to plan... of course not!
Those Gantt charts look great when put up on the projector during a team meeting - but does it ever go to plan... of course not!
IE9 preview 3
Microsoft are doing a great job coming up with the goods in IE9. Better SVG, Canvas (hardware accelerated), faster Javascript - nice! A good time to be a web-dev (although we still need to get people off IE6/7!)
Microsoft are doing a great job coming up with the goods in IE9. Better SVG, Canvas (hardware accelerated), faster Javascript - nice! A good time to be a web-dev (although we still need to get people off IE6/7!)
CSS clac()
This is great news for anyone who wants to do something like 100% - 12px (which lets be honest most designers / developers working with CSS have). Hopefully Webkit and Opera will match Mozilla in implementing this soon.
This is great news for anyone who wants to do something like 100% - 12px (which lets be honest most designers / developers working with CSS have). Hopefully Webkit and Opera will match Mozilla in implementing this soon.
Software is hard
One of the key problems in developing software is that there is no definitive end point - there is always "one more thing". This article is well worth reading if you have even been involved in a software project which has run over budget and late (every s
One of the key problems in developing software is that there is no definitive end point - there is always "one more thing". This article is well worth reading if you have even been involved in a software project which has run over budget and late (every s
sugru
Hardware hacking. As they say, people like hacking (it applies to more than just code), and this new material looks like a great way to fix things, and have fun with.
Hardware hacking. As they say, people like hacking (it applies to more than just code), and this new material looks like a great way to fix things, and have fun with.
Donate
If you find the software on this site useful, and/or enjoy using it, please consider assisting my beer fund as a way of thanks!.