Comments on: 7 Quick CSS Enhancements for Better User Experience

By: Beben

Beben — Thu, 02 Sep 2010 04:19:29 +0000

share knowledge in the beauty of argument ;))
all is good if in accordance with the purposes and needs :)
bye bye :-h

By: Jeremy Carlson

Jeremy Carlson — Thu, 02 Sep 2010 01:42:52 +0000

I thought the new thing was to style :focus the same way you would style :hover, therefore eliminating the border wouldn’t matter. I’m not familiar with what vision-impaired people go through, so is there something that the border does for them, that the same style from :hover wouldn’t cover?

By: flxa

flxa — Wed, 01 Sep 2010 15:54:22 +0000

For #3 probably should start adding border-radius as well just in case IE9 possibly starts accepting it?

By: Sunny Singh

Sunny Singh — Wed, 01 Sep 2010 14:31:24 +0000

Problem is, this IS the web, and it really shouldn’t include the UI of the computer. This is why you should always style your buttons to match your site’s design. Some form elements are hard to style and it is acceptable to let them be, but you should still change the cursor to a pointer.

Why? Well, it’s on the web and it’s clickable. Checkboxes and radioboxes should definitely be included in this as well. I think it’s good usability and gives the user feedback on whether something should be clicked or not.

Imagine hovering over a text input, and not having a text cursor. Would you know that you could type there? Maybe, but it’d be less obvious. There are some good things to take from the UI of computer operating systems, but having the cursor stay the same is not one of them.

By: Ayirma Büyüsü

Ayirma Büyüsü — Sat, 14 Aug 2010 07:10:55 +0000

A couple of new ones for me in there. I think I’ll stick to class names for file icons though and the jury’s out on the use of pointer cursors for form elements – would most users not expect an element to be a hyperlink if the standard cursor becomes a pointer? I think I’m with Jack on that one unless I can be convinced otherwise!

By: Luke Jones

Luke Jones — Thu, 12 Aug 2010 08:10:55 +0000

There’s nothing wrong with a bit of graceful degradation. :-)

By: Soğutma Büyüsü

Soğutma Büyüsü — Sat, 29 May 2010 10:47:30 +0000

Love the rounded corner parts! blogging is not as easy as many think it is, it’s hardwork. Good comments also

By: Sunny Singh

Sunny Singh — Sat, 01 May 2010 17:35:40 +0000

@Joost Kiens: Well if they look like as they would on the computer, I think it’s fine to leave the default cursor on but I still use pointer cursor on buttons.

If you change the design however, the default cursor shouldn’t carry over so it’s best to set a pointer cursor on it, so users know that they can click it. In fact, I remember reading a help file in Windows 7 that you can click things that shows the “hand.” So anyone reading that will be confused when they don’t see a pointer on everything.

By: Trein naar Londen

Trein naar Londen — Wed, 07 Apr 2010 22:48:29 +0000

Love the rounded corner parts! blogging is not as easy as many think it is, it’s hardwork. Good comments also

By: Dan

Dan — Wed, 17 Mar 2010 08:00:37 +0000

This doesn’t work on FFX, I’m testing on 3.6:

input { -moz-border-radius:10px;}