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.
One of the web components I've always loved has been Facebook's modal dialog. This "lightbox" isn't like others: no dark overlay, no obnoxious animating to size, and it doesn't try to do "too much." With Facebook's dialog in mind, I've created LightFace: a Facebook lightbox...
I was recently checking out Google Plus because they implement some awesome effects. I opened the console and same the following message:
Using this console may allow attackers to impersonate you and steal your information using an attack called Self-XSS.
Do not enter or paste code that you...
What's great about creating custom events in MooTools is...