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
151 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
1answer
474 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 ...
5
votes
2answers
867 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
4answers
982 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 ...
4
votes
4answers
806 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
423 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
2answers
328 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
701 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
232 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
407 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
926 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
853 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
170 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
856 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
192 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

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
157 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
1answer
116 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
135 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
606 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
3k 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
309 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
6answers
3k views

Recommended button sizes on web pages

What are the current usability guidelines for the size of buttons (or anything clickable) on web pages?
3
votes
3answers
144 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 ...
3
votes
3answers
236 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
3answers
224 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
168 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
276 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
1answer
90 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
614 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
430 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
2answers
121 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
223 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
74 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
588 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
1answer
74 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
91 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
3answers
277 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 ...
3
votes
1answer
162 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
526 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
180 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
966 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
61 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 ...
3
votes
2answers
206 views

Question on fluid web design

There are 2 ways in which we can implement a fluid design (one that would adjust itself to the screen size on which it is viewed on); Approach 1: We can just use the available browser size (or ...
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 ...
2
votes
2answers
1k views

What is the best way to center images in websites? [closed]

Every time I work on a new project I do not have any problems to center the text using "text-align: center" to center the text, but I have never seen a similar code to center images so I always have ...
2
votes
3answers
182 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 ...