New answers tagged html
6
The modifiers for the tab key are already taken for important window management tasks:
Ctrl+Tab cycles through tabs in the browser as it is the common shortcut for cycling through open documents in the same application. Shift+Ctrl+Tab goes backwards. Alt+Tab switches between running applications.
It would be unexpected, and highly annoying, for a single ...
0
You could simply make the table columns sortable (e.g. by clicking on the headings). Users that wanted to see Deprecated rows could "sort" them to the top.
2
What you need to do is implement a filter, which can display only the entries you want to see at this very moment. There may be a time when you want to see all entries, or filter the other way around. An example of this is the implementation of filter in Microsoft Excel (see image below), but also implemented in web environment especially in e-commerce ...
0
I would also add that you can have it centered and wrapping on two lines (e.g. three items on top line and two below). You may need to make slight changes to design such as make them appear more button like and are easily click-able.
2
it depends on the requirement..
if your website/product is a search engine (Google, Bing etc) or email (Gmail, Hotmail etc), showing search results on the same page would be a good idea..
if you have a website/product where user would be able to search multiple items/products, displaying search results on a new page would be ideal. User should be able ...
1
Search Results can be shown on the same page as search criteria or a separate page. This is not an UX item. This is to be decided based on the design convenience. It should be transparent to user whether results are shown on same page or different page.
The real important UX item to note is, if the search results are shown in separate page, the search ...
2
There is a third approach:
.shorten {
white-space: nowrap;
overflow: hidden;
-o-text-overflow: ellipsis;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis; /* or "clip" */
}
See dev.w3.org for more information.
7
With no further information this how you can improve your form:
No abbreviation (they can be obscure for the user)
No uncommon or useless symbols like [-] or [:] (useless is useless)
Clear understanding of what is selected by default and what can be changed (no ambiguity, no over-thinking)
download bmml source – Wireframes created with ...
0
The sorting of the results should be displayed after the results are shown. Currently, it's not very clear what the context for ascending is or how the results will be sorted - depends on what fields you will display for each result (name, date, type, other metadata); I'm guessing you'll have more than one field given that you have 2 search boxes.
...
1
Here goes one ios example what @Matthew has suggested as Scrollable tabs:
4
Wrap the data with an elipsis at the end. What this does is, it uses known vocabulary to show there is more than what is visible.
AAAAAAAAAAAAAAAAAAAAAA
becomes
AAAAAA...
then you can use a tooltip to show the entire content, use hyperlink or the column can be expanded, depending on your design.
5
This sounds like it could also apply to a horizontal main navigation for a site. Brad Frost has several options for responsive navigation systems, but the next two seem most appropriate to what you're trying to accomplish from his options. Here are those two and a third approach:
Dropdown Tabs
A popular way to solve this is to switch from tabs to a ...
1
Like @Bart, I thought to the decimal separator : “,” or “.”
It may be a good idea to accept the signs “+” and “−”, and “-” of course [“−” is a “minus” sign, and “-” is a hyphen].
The same goes for the space, and some of its variants : non-breaking space, thin space… When I want to transfer 1 million dollars, I type “1 000 000”.
3
Client-side validation can be helpful, but you need to be very careful how you implement it; it's easy to make it unhelpful to the user.
For example, if you silently ignore non-numeric characters, then a user quickly typing '12.34' might not realise that the field has ignored their decimal point and accepted the text as '1234'.
Another example; if you ...
2
Short answer - yes you are wrong. There isn't a good relation between the physical size of a display and the resolution of that display.
For example - iPhones 4S has the same physical screen size as an iPhone 3 - but double the resolution.
In turn there isn't a good relation between the resolution of a display, and the amount of screen you have available ...
0
Have a look at the Clear app for iOS an OSX.
Tap and hold to drag an item up and down the list.
Swipe to right to delete the item. I think this is more elegant than having an "Edit" or delete mode because that mode breaks the workflow.
You could do swipe to left for adding to the selection, or simply add a checkmark in front of each item.
Pulling two ...
1
Just divide your content in 2 columns if possible (longer items can be 1 per row).
For reordering you just tap and drag the item, this is what the hamburger icon is supposed to convey.
Have a standard 'Add Item' input field at the top of the list and use a toggle (edit) button to toggle in and out of delete mode. In delete mode just click on item to delete ...
0
SEO, HTML5, Schema.org, and the less important H1 tag.
Typically the way I've been redesigning sites recently is to use an <H2> tag as a subhead (even if it's above the <h1> in copy visually) but position it in CSS so in code view, the <h1> tag appears first. This way search engines can give priority to the distinct <h1> in their ...
4
You could put them next to each other just like on the desktop version, but keep only one in view. Flipping to the left and right would allow switching between the packages and comparing the features. Be sure to clearly delineate each feature.
Additionally, it might be useful to be able to look at a comparison of a single feature across the three packages.
...
0
I've been challenged with this for a few years now. It astounds me that I hear similar comments and questions. It's becoming more commonplace now that people are on auto-pilot and tend to click only what they assume. We have "seasoned" site users who know to click on anything, and others who click on things based on poor UI and UX approaches established by ...
8
Error messages shouldn't go away on their own unless
Errors were resolved by User's Input
User wanted those error messages to be hidden by clicking a X which an error message may have.
If error message is displayed and user makes the same mistake which produces the same error message for the second time, the error message can blink or have a brief color ...
-4
it's literally up to you. Most of the time developers actually leave it as is.
0
The thing here is, if you have (a group of) radio button(s), that means it is mandatory to select one of them (That's how radios are made to behave), they are all blank by default to avoid the user from not choosing one and going with the default. If your client wants a control that can not be chosen then you must be using check boxes, and no don't make them ...
1
The answer to this is really to try understanding why they are called "radio buttons".
In ancient times - well, before the world went digital at least - radios used to have a couple of preset channel buttons. Those were mechanical, and when you pressed one button, the previously pressed button would "pop up" and become deselected. The same arrangement were ...
0
Totally agree with the OP on this one. The argument that 'you don't push a radio button to select between 2 options' is totally bogus. Take a look at your computer or any other electrical equipment - you push a button to turn something ON and push the very same button to turn it OFF. Not allowing deselection of a radio button is NOT intuitive for end-users ...
Top 50 recent answers are included
