109
votes
91
votes
Why don't <button> HTML elements have a CSS cursor pointer by default?
Here's why:
Microsoft’s design guides talk about weak affordance:
Text and graphics links use a hand […] pointer […] because of their
weak affordance. While links may have other visual ...
64
votes
Accepted
Is Helvetica considered a "web safe" font?
Not only is Helvetica not safe, but it is also a copyrighted font, so you need a license to use it if you load it as webfont.
As a matter of fact, there are no 100% safe web fonts, since it will ...
41
votes
Accepted
Why don't <button> HTML elements have a CSS cursor pointer by default?
It's worth considering the historical order in which these things came into being.
Buttons existed from very early in the days of GUI computing. They had a shadowing effect to give a skeuomorphic ...
33
votes
Make Optional Buttons More Clickable
The design makes it look like a checklist and the buttons look like they are disabled. May I suggest something like this:
30
votes
Why don't <button> HTML elements have a CSS cursor pointer by default?
According to W3C cursor:
pointer The cursor is a pointer that indicates a link.
The specification only indicates that links are meant to have the pointer cursor. Buttons are not meant to have the ...
26
votes
Make Optional Buttons More Clickable
First of all, lowering the opacity makes them look disabled. So I would suggest you don't do that, as users might think that they can't complete those sections, even if they wanted to.
Using a tick/...
23
votes
Why rounding odd font sizes to even?
I think your fellow developer is somehow correct. To be honest, as far as I know there's no "set in stone" rule for this, so nobody is right or wrong as an absolute. However, depending on ...
18
votes
Why are CSS cursor types so rare on the web?
I think you've answered your own question.
The special cursors demonstrated on that web site are rarely needed, whether in a browser or outside of one. Of the 31 cursors, 14 of them are for resizing ...
17
votes
Accepted
Marking box as expandable box intuitivly
There are different ways that you could design this.
1st option has a drawback: The user might think that they are directed to another page
2nd option more intuitive than the others. The icon could ...
16
votes
Why rounding odd font sizes to even?
Sans fonts, which are commonly used on screens, are mostly designed to have the same thickness of stems and bars.
When the font size is quite small and is odd, like 17px, the font renders in a way ...
15
votes
Why are CSS cursor types so rare on the web?
I see Progress and Help used fairly regularly.
Other than that, the rest of them are mostly situational... there's no need to use them out of specific tasks and environments.
Using cursors where ...
14
votes
Accepted
Why is the Google Search Results page not responsive?
Responsive design is best practice, except for the most high-end websites
Responsive, mobile-first design gets you the most “bang for the buck” for most web sites or applications. Effectively you can ...
14
votes
Tooltip CSS cursor
The cursor should change depending on the interaction the user can do with the element, not on the tooltip. A tooltip appears to explain what the element is or what it does.
For example when we hover ...
12
votes
Is Helvetica considered a "web safe" font?
As mentioned there is no such thing as a safe web font. But there is a way to load in missing fonts from your server through the use of @font-face. @font-face was first introduced in CSS2, includes ...
12
votes
How to enable users to insert an infinity number
This seems very close to a very common pattern for pagination by limiting searches per page, e.g. datatables:
In your case you only want to display the first page, but it's still pretty much the same ...
11
votes
Why are CSS cursor types so rare on the web?
"Default", "Pointer" and "Text" are defaults in browsers.
Others we forget to specify for developer — because we paint static images. But if we work with interaction our-self, we will remember to ...
10
votes
Is Helvetica considered a "web safe" font?
be accessible on any device
Really no such thing as 'available on any device'.
If you're not using embedded fonts, then you need to use a font-stack, so you have some back up options in case the ...
10
votes
Marking box as expandable box intuitivly
Consider displaying the first line of "content" text in the display, along with a link to read more.
This will give the user extra context to decide whether they actually want to read more, and ...
10
votes
How to enable users to insert an infinity number
In scenarios where a setting of zero does not make sense, zero is sometimes used for infinity. It does not really make sense but I think I've seen it in more than one application so as a user I'd see ...
10
votes
How to enable users to insert an infinity number
Given the OP's wording of his question, I would implement Joel Tebbett's first suggestion this way:
This would adhere to the perception of heirarchy as noted in his second option.
9
votes
Is Helvetica considered a "web safe" font?
Helvetica is not part of any Windows default font-set, therefore Windows users are likely to see another secondary font. If that's not a concern for you, use Helvetica.
7
votes
Accepted
Anchor tag accessibility on SO
I cannot answer #2, but I can take a stab at #1 with some explanation.
Background
The Web Content Accessibility Guidelines (WCAG) 2.0 (the basis for Section 508 in the US, some international ...
7
votes
Where does Business Analyst fits in core UX/UI technology flow
The BA represents business needs, where the UX represents user needs.
UX and BA work together in constant conversation to make sure the priority is right for the product.
UI and BA work together ...
7
votes
Why rounding odd font sizes to even?
This is based more on a very psychological perspective (number psychology to be precise) than it has to do with designs or programming or any other thing.
Even numbers sort of has the calmness and ...
7
votes
Accepted
How do I design a mobile table with multiple headers?
I think the problem lies in the origin, not the destination.
The hierarchy ranks in the original table are given by position, typographic style and color, except in the second hierarchy, which ...
6
votes
Why should I use em, and not % for fonts?
EM and PERCENT are both very similar, the only difference between the two can be observed when changing text size on the client browser.
Summary
In theory, the em and rem units are the new and ...
6
votes
Accepted
What makes Reverse scrolling a sign of Bad UI?
I wouldn't say it is always a bad UI design, but scrolling is one of those things that should not be counter-intuitive and behave in a way the user does not expect.
On a touch device, for example ...
6
votes
Marking box as expandable box intuitivly
Solution 1:
You can implement the + icon next to the expandable box.
http://fontawesome.io/icon/plus-square-o/
Image:
Advantages:
This will be useful illustration for the users as the + known as ...
Only top scored, non community-wiki answers of a minimum length are eligible
Related Tags
css × 220html × 75
website-design × 55
accessibility × 18
design × 17
javascript × 17
gui-design × 15
buttons × 15
responsive-design × 14
forms × 11
web-app × 11
html5 × 11
layout × 9
hover × 8
bootstrap × 8
cursor × 8
mobile × 7
web × 7
font × 7
usability × 6
navigation × 6
tables × 6
mobile-web × 6
animation × 6
menu × 5