Abstract form

How to use cursors in web pages, painless

Posted in Coding, Development, Internet by Homam Hosseini on June 14, 2009

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.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: