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
Bullet time surfing
What could possibly be cooler than surfing? Surfing with bullet time captures - amazing work from Rip Curl. Seriously - watch the video!
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.
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.
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.
Javascript ES.next
Brendan Eich gives us an interesting overview of what is happening in the Javascript specification world at the moment.
Brendan Eich gives us an interesting overview of what is happening in the Javascript specification world at the moment.
Reveal - jQuery modals
Writing a basic modal library is reasonably trivial, and something most developers will do for their application, but this is a really nice generic library from ZURB that will save you time.
Writing a basic modal library is reasonably trivial, and something most developers will do for their application, but this is a really nice generic library from ZURB that will save you time.
RequireJS
Jim Hoskins introduces RequireJS to us, which from the examples looks like a fantastic way of doing a "require" in Javascript, and cleverly optimised (which would be needed with lots of files!).
Jim Hoskins introduces RequireJS to us, which from the examples looks like a fantastic way of doing a "require" in Javascript, and cleverly optimised (which would be needed with lots of files!).
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!