Homam's Mind

Sunday, June 14, 2009

How to use cursors in web pages, painless

The shortcoming of current edition of HTML and the whole technologies we build the user interface of our websites on is no secret. Here is an example: If you want to put a custom cursor on an element use this markup:
element { cursor: url('pointer.cur'), default }

I know you may think custom cursors are not being supported in FireFox, but it's not the case if you append a ', default' (or any other standard CSS cursor value instead 'default').

If you are looking for a painless software to create mouse cursors, we fond AniTuner easy and useful. Don't get it wrong it can be easily used to create static .cur files that can be displayed in major browsers.

Generally as a user experience point of view, it is not a good idea to have custom cursors  in web pages, but when you are developing an online game, a smart use of cursors can make it simply more attractive.

No comments: