Depending on who you ask, they might even tell you that an interface that needs tool tips to be understandable needs to be redesigned, badly (cf. Jef Raskin: The Humane Interface). In fact, tool tips are a solution to a very specific problem: Iconic buttons with no labels, such as seen on toolbars. Whenever you … Read more
It sounds to me like you want to have a touch-screen-friendly option, to cover the following scenarios: iPhone-like devices: small screen, touch only Small screens, no touch (you didn’t mention this one) Large screens, no touch (i.e. conventional computers) Touch-screen-enabled large screens such as iPad, notebooks/pcs with touch screens. For case 1 and 2 you … Read more
Apple says that the avg finger tap is 44×44 (from WWDC). All table rows are recommended to be at least that height. It is common for icons to appear 32×32, but have padding to make the touchable area 44×44. Of course, people can tap a 1×1 if they are very careful, but why make people … Read more
From w3schools.org: The tag defines a label for an input element. The label element does not render as anything special for the user. However, it provides a usability improvement for mouse users, because if the user clicks on the text within the label element, it toggles the control. The for attribute of the tag should … Read more
Firstly, this is purely a design-related problem and solution. The design of your grid specifies if justifying text is needed. I think justify align alone has no major effect on usability. Bad typography that makes text illegible is what decreases usability. That said, make sure you have solid contrasts and a good balance of spacing … Read more
http://www.alistapart.com/articles/forward-thinking-form-validation/ Since we only want to denote that a field is invalid once it has focus, we use the focus pseudo-class to trigger the invalid styling. (Naturally, flagging all required fields as invalid from the start would be a poor design choice.) Following this logic, your code would look something like this… <style> input:focus:required:invalid {background-color: … Read more
I think your overflow should be on the outer container. You can also explicitly set a min width for the columns. Like this: .search-table-outter { overflow-x: scroll; } th, td { min-width: 200px; } Fiddle: http://jsfiddle.net/5WsEt/
If you use Visual Studio 2010, you can use the free Visual Studio 2010 Productivity Power Tools from Microsoft to achieve this.
Eclipse does provide similar functions: Open Resource Shift+Ctrl+R for all resource files (including Java files) Open Type Shift+Ctrl+T for all Java classes in classpath. They also filter the list as you type. Note that they search all files of all opened projects in current workspace.
If your goal is to make sure “the user won’t be confused at all,” I think this is the best option. I wouldn’t recommend a datepicker for date of birth. First you have to browse to the year (click, click, click…), then to the month (click some more), and then find and click the tiny … Read more