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

1
vote
3answers
351 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
614 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
181 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
111 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
168 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
797 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
426 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
123 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
313 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
63 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
579 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
814 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
158 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 ...
17
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
239 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?
10
votes
2answers
386 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
625 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
859 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
591 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
206 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
172 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
235 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
556 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
3k 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
966 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 ...
11
votes
3answers
825 views

Is there a convention for distinguishing internal and external links in a website?

From a user point of view, I think it is a reasonable idea to distinguish internal and external links. By internal links, I mean links that have the same domain name than the website displaying the ...
2
votes
1answer
306 views

Designing a page for selecting an icon in HTML

I have a form on a page where the user can edit a lot of information for a specific model. One of the properties of this model is a small icon of about 20x20 px. There are about 100 of these small ...
1
vote
2answers
242 views

Tag form interface

This is my form: I need some help because i have no experience with web interfaces. I would like it to be estethically pleasant without taking too much space (it's rendered several times for every ...
2
votes
3answers
189 views

Branding websites aimed for mobile devices

I'm currently working on a website which is also supposed to be mobile optimized. My client has provided me with a layout of how the mobile version of how the website should look like. Making their ...
2
votes
2answers
275 views

Signup form on front page?

Will you get more signups if you put the signup form on the front page or on another page that users access via a link on the front page? Form on the front page might make it a bit cluttered - I'm ...
5
votes
3answers
681 views

Affordance of Edit In Place functionality

I want to use contenteditable as an edit-in-place mechanism. However, I'm struggling with the usability of it. The problem is that once a user clicks on the area, it's not obvious that they can edit ...
2
votes
2answers
179 views

Treatment of disallowed HTML tags in forum posts

Suppose a user attempts to post a message to my forum, but their message contains HTML elements that I have chosen not to permit? e.g. stackexchange and others disallow <table>; All forums (I ...
4
votes
3answers
451 views

Any evidence of increased click through rates on blue underlined links in html emails?

I'm redesigning our company email template. At the moment links are grey, bold and not underlined. I don't think this makes it very clear that it is a link. My gut instinct tells me that I should make ...
5
votes
5answers
1k views

How do I make a table row on a web page look clickable?

I have a simple web-based report presented as a table: Some rows are clickable, others are not (it can be seen with the third column. Greater than 0 means the row can be clicked and expanded in a ...