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

5
votes
2answers
434 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 ...
5
votes
5answers
892 views

Best way to show User Profile?

I'm working on a web application where I have to save a user's info. This form has about 20 fields. This is the format I am currently using: Problem: What's the best way to show these fields in a ...
5
votes
1answer
527 views

Accesibility vs. read-only input fields

I have a form with some read-only fields depending on the customer role. As a rule, I use read-only fields for those inputs. Are there problems with this approach using and assistive technology? ...
5
votes
2answers
160 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 ...
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
5answers
4k views

Recommended button sizes on web pages

What are the current usability guidelines for the size of buttons (or anything clickable) on web pages?
4
votes
4answers
897 views

Best error message to display when too many users logging onto web system

I have a website that started experiencing issues when too many people are trying to log into the website at the same time (usually at the start of the business day). Are there some examples of or ...
4
votes
3answers
464 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 ...
4
votes
3answers
229 views

Acessibility… tables or lists

I am creating a list of links which have the following in them: link title and url a comment about the link a date that the link was posted I wish to do this using accessible best practice, but ...
4
votes
2answers
359 views

What happens when the focus rectangle isn't clear?

I get a lot of clients that comment that the focus box isn't obvious enough in some browsers. Is it common and good practice to make it more obvious? If so, how exactly do people do this?
4
votes
3answers
834 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 ...
4
votes
1answer
244 views

Javascript and 508

I was wondering if someone has a article of common practices a web developer should practice while using Javascript on a web page, keeping in mind the web page should be 508 compliant. I saw some ...
4
votes
2answers
569 views

What is an aesthetically pleasing font for programmers? [closed]

I was directed here after a dozen downvotes by the gestapo over at stackexchange overflow. Hopefully you all will be more kind. I couldn't imagine how this question would get deleted, considering many ...
4
votes
3answers
2k views

How to display 5 plus horizontal tabs on mobile device

This is purely for a mobile website that must have horizontal tabs. The difficulty is that there could potentially be 5-7 tabs, with 5 being more likely. The text for each tab is long, which could ...
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?
4
votes
1answer
131 views

Elements running from the viewport perimeter, is there a name for that functionality?

So you know how if you right click on your desktop, the menu will appear either at the top-left, top-right, bottom-left, bottom-right depending on where your cursor is on the page? (<select> ...
4
votes
1answer
196 views

How to direct users through a multi-step payment process?

I'm trying to develop a payment process for my users. Here are the steps that are required: User views the page that outlines all the awesome features that you get if you pay for the premium ...
4
votes
3answers
986 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 ...
4
votes
3answers
198 views

Advice on website design layout

I have a website that has a menu at the top. On some pages there is a sub menu that is at the left hand side, but this is only on some pages. How then would be best to design the page layout given ...
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 ...
4
votes
2answers
5k views

User Profile Dashboard Design [closed]

I am trying to create a user profile dashboard for an application I am building using CakePHP. However, I am struggling to wrap my brain around a good layout/design for it. Basically, I am looking to ...
4
votes
1answer
174 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 ...
4
votes
3answers
331 views

How should I design a table with nested categories for users?

I am really confused with user interface design of the website. I want to design the Detailed view of the student. So on the page there will be information about the students like name , class roll ...
4
votes
1answer
125 views

Character stats page design for Facebook game

I need some expert advice redesigning the layout of my Facebook game. Below is a screenshot of my home page as it stands now. Styling of margins and some font stuff isn't done which is why some things ...
4
votes
3answers
166 views

Affordance of ContentEditable elements (without changing the background)

Context I want to use the ContentEditable attribut instead of classic inputs. It sounds like a duplicate of Affordance of Edit In Place functionality, but actually I would like to avoid the changing ...
4
votes
1answer
645 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 ...
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?
4
votes
3answers
314 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
3answers
270 views

Alternative to a lot of checkboxes

I need to give a user the ability to select (on/off) a subset of options from a list. There are over 100 of these choices to be made and the list will get longer. The data is not user friendly either. ...
3
votes
1answer
92 views

Placeholder Miscommunication Prevention

I've been doing some research into text input placeholders, and came across this: Pardot User Guide: Placeholders are not Substitutes for Labels. What struck my interest was: Data suggests that ...
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 ...
3
votes
2answers
2k views

Html best input type for boolean values selection

In web development, html , what is the best input type to be used if users are only given two choices? basic true or false for example? active or inactive? my choices are: two radio buttons, dropdown ...
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
302 views

Thoughts on Customizing Javascript Confirm Dialog

A design was just introduced for a brand new application offering the user to delete something. The user experience is as follows, the user clicks delete on the object. Upon clicking delete, the ...
3
votes
2answers
688 views

How to layout form navigation for best usability?

Is there any usability study about layout of form buttons? I have a simple registration process. The user is guided with several forms through the process. Each form has a <next> and a ...
3
votes
1answer
93 views

Displaying package comparisons for mobile?

On my desktop website I have 3 packages listing all the features included for each package and their prices with an option to add to basket. All packages are on the same page next to each other so ...
3
votes
1answer
685 views

HTML table cell wrapping issue

One of the problems in a tabular representation of data, is text wrapping inside cells. There are some options available, like: Fixing the width of the columns, and enlarging the rows height to ...
3
votes
2answers
141 views

Dimensional Field Input

I have a HTML form that requires the user to specify dimensions for an item they are ordering. A list must show for standard or popular dimensions. Originally this would happen when the field is ...
3
votes
2answers
231 views

Searchresults on same page or on 'searchresults.php'

What is the best way for searching on a webpage. Should i show the searchresults on a new page or on the same page? (maybe with autocomplete). I personally like searchresults on the same page as my ...
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 ...
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
3answers
682 views

how to display long text on mobile website

I trying to display a 2 page long page in a mobile website, i tried text area option but the scroll bars are not getting displayed in iphone mobile web. What are the ways you can think of for ...
3
votes
3answers
77 views

How to make maxlength attribute accessible?

I have a form in which there are a few input fields. For one of the input field I have a length validation, for which I used maxlength="20". The issue here is that the JAWS users don't come to know ...
3
votes
1answer
85 views

Accounting for browser resizing in a site layout

Accounting for window resizing in a site's design and layout When designing a site's UI and layout, I've always wondered how much I should accommodate for the user resizing the frame ...
3
votes
3answers
103 views

Should the title attribute be used to communicate to the user?

The title attribute (and its corresponding yellow hovering label displayed by browsers for a few seconds); is it still considered good practice to use it on hyperlinks and buttons in a web app? For ...
3
votes
1answer
190 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 ...
3
votes
3answers
652 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 ...
3
votes
2answers
203 views

How to deal with too much navigation

I have an app that I am creating for a customer that at some points has 6 levels of navigation. Basically our user wants to select an item from a navigation. that will lead to another set of ...
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 ...
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 ...