CSS Custom Cursors
Remember the Web 1.0 days where you had to customize your site in every way possible? You abused the scrollbars in Internet Explorer, of course, but the most popular external service I can remember was CometCursor. CometCursor let you create and use loads of custom cursors for your site. Now we probably laugh at that in hindsight but there may be times when you'd like to customize a cursor, and CSS lets you do it quite easily!
cursor CSS property accepts a series of cursors, and using a
url() value allows you to set a custom CSS cursor:
cursor: url('some-cursor.ico'), default;
It's always best to have a backup native cursor like
default, much as you set broader
font-family's when styling text. Also note that Firefox scales the cursor down to a smaller size whereas Chrome currently allows a larger original size.
Now don't go doing this willy nilly, use a custom cursor in places where you think important, like a magnifying glass + or - over zoomable images and such.
Kids these days, I tell ya. All they care about is the technology. The video games. The bottled water. Oh, and the texting, always the texting. Back in my day, all we had was...OK, I had all of these things too. But I still don't get...
Jonathan Snook debuted a great tutorial last September detailing how you can use an image and a few jQuery techniques to create a slick mouseover effect. I revisited his article and ported its two most impressive effects to MooTools.
These are the same...
One of the little known HTML5 APIs is the window.postMessage API.
window.postMessage allows for sending data messages between two windows/frames across domains. Essentially window.postMessage acts as cross-domain AJAX without the server shims. Let's take a look at how
window.postMessage works and how you...