HTML (HyperText Markup Language) is the predominant markup language used for creating web pages. In modern web pages, HTML is used to markup the contents of the website, while CSS and Javascript are used to define the styles and behaviors respectively.

learn more… | top users | synonyms

4
votes
1answer
176 views

How to add a details link on a table when each cell is already a link?

I have a table on which each cell is already a link to a different section (eg. the row contains 'Name', 'Location' and 'Type' columns and clicking the name cell takes you to the Show action of that ...
5
votes
2answers
1k views

Alternatives to pop-up in JSF

Modal pop-ups feel like ugly work-arounds in web applications. They seem to be hard to manage, can have problems with pop-up blockers, and the modality can create user confusion. What are ...
4
votes
1answer
648 views

Idea for improved usability for HTML form checkboxes and radio buttons [duplicate]

Possible Duplicate: Should the cursor change to pointer over radio buttons, checkboxes, their labels and selects? My problem is that the little checkbox and radio buttons for form controls ...
0
votes
1answer
167 views

Showing read only data in a label on a form (508 implications) [closed]

One of the definitions of a HTML label is: The HTML label element associates a piece of text to a control What is the correct way to render HTML when the label itself is NOT "for" another label? ...
0
votes
2answers
343 views

Labelling inputs in HTML: <p>, placeholder or both? [duplicate]

Possible Duplicate: On forms, is inline placeholder text better than a label outside each field? I am making a simple registration form for my website. I'm in doubt about how to label ...
8
votes
5answers
777 views

Is a language switcher necessary on a web site's every page?

I'm working on a multilingual WordPress driven web site running the WPML plugin. WPML offers a language switcher widget which is pretty neat. However, the layout of the page I'm working on is very ...
6
votes
4answers
631 views

How to avoid pagination when an items list is very large (Webapp)?

We have a web application for correcting automatically-detected mistakes in translation documents. Those are split into sentences and their amount can be up to hundred thousands (its not even closely ...
6
votes
2answers
211 views

Measurement to use when designing for desktop and mobile

I am currently working on a web based administration interface which has a lot of controls, such as sliders, check boxes, input fields, etcetera. The interface should work on desktops, tablets and ...
3
votes
1answer
76 views

Is there a good reason to have HTML and PDF version of TOS?

We have our Terms of service available as HTML and PDF. Is there a good reason to keep providing PDF version? It's extra work: Several languages Privacy policy / tos Room for mistakes between html ...
1
vote
3answers
364 views

Interface to transfer tree nodes from one tree structure to another tree structure

I am looking for an alternative other than drag and drop. Currently i am using kendo ui treeview drag & drop. TreeView / Drag & drop Please mention some nice alternative for the same(other ...
7
votes
5answers
630 views

What would be the best way to fill “space” in an User Interface for irregular image sizes gallery?

What would be the best way to fill "space" in user interface for irregular image sizes gallery? Conditions: The row are subjected to hold maximum 3 images only. Float left If the total width of the ...
3
votes
3answers
2k views

Hover alternatve for touch devices [duplicate]

Possible Duplicate: What are some alternatives to “hover” on touch-based devices? I'm building a standard infographic where you mouse over a region and the image changes as you move. For ...
3
votes
1answer
192 views

What is the proper WAI ARIA role naming convention for shopping cart?

Designing an e-commerce website that is accessible, what would be the proper WAI ARIA role-attribute for the "shopping cart" section of the page? I understand the current available document landmark ...
4
votes
1answer
4k views

UI Patterns for tables with many columns

I have a table with many columns,this table displays without scroll only on 21 inch and larger monitors. If there is a ui pattern for tables with many columns?
2
votes
5answers
112 views

How could users select four cards from a hand of eight?

I'm making a card game on a website. Users are shown a hand of eight cards. They will then choose four to pass to the other player. How could this work? check boxes under each card, if the users ...
1
vote
3answers
172 views

Do help icons in headings interfere with heading-based navigation?

If I have: <h2> Edit your details <a href="/help?topic=editDetails"> <img src="/images/helpIcon.gif" width="20" height="20" alt="Help about: Editing your ...
3
votes
1answer
1k views

Using JQuery DataTables to display many columns

We have a large document archive. It is built similarly to how a Cassandra Database would store items having column names and column values stored for each item. This can lead to having way to many ...
2
votes
1answer
820 views

Website Design Event Calendar [closed]

I have a registration website for an upcoming event. I have a link (itinerary) on the page that takes them to another page showing them the itinerary for the event. The problem is, I don't have ...
5
votes
2answers
437 views

Sign up button disabled by default - Best practice?

I would like to know what the best practices in the web are for Sign up button on HTML Forms. Currently the site I'm working on has a design in which Sign up is disabled by default and is enabled when ...
2
votes
3answers
126 views

Choosing from a list of options and preserving order

We have a listing of topics and would like users to be able to choose three topics from the list and would also like to preserve the order in which the topics are chosen. Using three <select>s ...
4
votes
3answers
315 views

A good way to display tables with sub-headlines

We are developing a web tool to allow users to combine different HTML templates to project variants. Each template has specific settings that can be combined with the project variant. The table ...
3
votes
1answer
66 views

What are the available options for choosing an area by latitude and longitude?

I need a web page "widget" that will allow a user to choose an area by latitude and longitude the two methods I've considered are using four text inputs, or creating a map that would allow you to ...
1
vote
0answers
589 views

select and deselect radio button when i select the drop down list onchange [closed]

I have two selection drop down lsits and four radio buttons.I mean when I select one content of first dropdown list, I get the respective value in sencond drop down list.Now, important question is ...
4
votes
3answers
846 views

Standard list of religions for dropdown menu [closed]

I am creating a form that will include a step about the person's religion, I have seen forms that contain a dropdown menu of religions, however I cannot find one which has a standard list of ...
59
votes
6answers
4k views

Should the space between the checkbox and label be clickable?

Take, for example, these two scenarios. Both very similar HTML, but different semantically: Scenario 1: <label for="myCheckbox"> <input type="checkbox" id="myCheckbox" /> My ...
14
votes
1answer
5k views

Why is it inaccessible to create a form with no submit button?

Considering the W3C advice on including submit controls, is it still possible for a form to be accessible if the only way to submit it is by pressing the return/enter key?
0
votes
2answers
123 views

What should be the default view of a large collection of data (that can be filtered) on a web page?

I have a web page that shows projects (but it could be anything) in an html table (one row per project). There is a filter button at the top that allows users to can filter by a number of different ...
5
votes
2answers
161 views

How to contrast read-only labels from their corresponding data

Given the interface below, what would be the best way to contrast the labels from the data labels? The only thing I could think of would be to shade the background of the labels, however, according ...
7
votes
1answer
1k views

Best Method to Present a Many to Many Form to User

I have a questions about how to best present a form based off a many to many relationship to a user. I'll explain my models to help give an idea of what data I need to present. Models and ...
18
votes
4answers
8k views

Should I manually hyperlink phone numbers using “tel:” on my websites?

In code, you have the ability to make a phone number on a website into a link by prepending the phone number in the href with a "tel:" So, for example, you can create a link to 800-867-5309 with the ...
23
votes
4answers
3k views

HTML label association with inputs; bad UX?

I'm a web developer having a weird UX issue. When I build HTML forms, I ensure that every input's label is implemented through a <label></label> tag and that each label uses the for ...
2
votes
1answer
244 views

Long content in Tables

What is the best way maximize readability when displaying variations of long/short text within table?
4
votes
5answers
1k views

Should Document files on web pages open in a new tab/window?

When designing web sites should document files such as PDF, DOC, XLS, should the documents open in a new window/tab or in the current tab?
11
votes
2answers
412 views

How should a website's title be structured?

Are there any best practices for choosing the title of web pages? There are a lot of resources online oriented toward SEO, but not toward users. My impression is that most sites have something ...
3
votes
3answers
658 views

Is it appropriate to use the title attribute in a menu link?

My inclination is towards 'no', because on hovering over the centre of a menu link in Chrome, the display of the title attribute's contents covers the rest of the menu, which provides for a poor ...
21
votes
5answers
883 views

Should users be allowed to copy and paste rich text into text?

I have a wiki-style application where users can create articles. Recently, some users have been complaining that our editor does not support copying rich text and formatting from applications like ...
4
votes
5answers
129 views

Control for mathematical operator

I am not a designer, just regular programmer so my terminology might not be correct. What I am trying to solve is that I have a quite narrow area where I should have n amount of input fields and an ...
7
votes
2answers
610 views

How to best display a table of data with sub items?

We have a web application where we show lots of data in "datasheets". As part of this, some data values can have other values associated with them. To make it more complicated, every item can have ...
-3
votes
1answer
2k views

metro style UI is too early or not [closed]

I think metro style UI is just beautiful and user friendly. It is suitable for both Tablet and PC. Should I make my new website design in metro style or conventional standard?
8
votes
3answers
1k views

Multiscreen Forms (Wizards), the Form's Previous Button, and the Back Button

Scenario: I have a web form split across 3 screens/pages. A user can move between forward and back between the screens via Next and Previous labeled buttons respectively. Question: When the user ...
1
vote
1answer
209 views

Search result template and readability

This is my current layout: The sentence on top means "Results in the WHOLE SITE for: abc" "Whole site" becomes the name of the section if you're searching in a single section. Then you see each ...
-1
votes
2answers
5k views

Gallery of form Progress Tracker UIs for web apps? [closed]

I'm building web UI for a "wizard" workflow with 4 sequential steps-- users proceed in order from Step 1 through Step 4. I'd like to include a progress indicator showing the user where in the ...
22
votes
11answers
3k views

Should a full-sentence HTML link include the period in the linked text?

In HTML, if a full sentence is used for a link, should its terminal punctuation (i.e., period) be included in the linked text? Consider these two examples: <a href="about:blank">Watch the ...
3
votes
2answers
173 views

space-efficient UI to choose between auto-generated text or manual text entry

I'm building a part of an HTML form (titled "New Commission Rule") in a web application used by business users to enter and report on sales commissions in a retail store. See ...
3
votes
3answers
237 views

Should a informational box for a wide form be centered, left or right aligned?

I am working on updating the layout and styles of our existing application. At the top of a very wide table that has lots of checkboxes and fields is a information box. We need to explain some basic ...
23
votes
7answers
4k views

Best way to offer a large amount of selectable options (without using Javascript)?

I come from stackoverflow and have no answers for this one, so I turn to the UI guys for assistance. Let's say I have a library application that allows a user (librarian) to add a book to the ...
6
votes
1answer
584 views

empty cells in accessible html tables

For an html data table in which each row represents an item (such as an email) would screen-reader users prefer empty table cells to be empty or to have a placeholder like a dash? In my brief ...
13
votes
5answers
4k views

Modern approach to textarea (or alternatives)

For a simple text editor for longer articles I am looking for advice and inspiration on programming/designing a minimalistic and modern textarea (which does not necessarily have to use the tag) ...
4
votes
3answers
993 views

Producing static HTML prototype from fragments?

What would be a recommended tool (works on Linux) for managing included HTML fragments like shared footers, in a directory of static HTML serving as a clickable UI prototype? I want to be able to ...
33
votes
6answers
4k views

Why do websites not use entire width of browser?

What reasons might a website not use the entire width of the browser, like Gmail does? For example, StackOverflow does not use the entire width — it has left and right margins. This means the ...