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
2answers
61 views

Single and Multi-Select Up & Down Arrow Locations

I'm currently working on a interface that allows the user to order elements within in a box by using two arrows(up/down). Having designed and implemented controls of this nature in the past(some ...
1
vote
0answers
83 views

Web page design : what kind of web elements do I use? [closed]

For a group assignment I'm in charge of providing the front-end for a Java Server Page (JSP). I'm stuck at the actual design of this application. I basically have two problems, and if you could help ...
2
votes
0answers
22 views

Looking for an effective way to allow people to put on a slide show of documents and videos [closed]

Currently we have this http://torontotigroup.byethost7.com/documents.html I'm looking for something that is easy to use, for both me and the reader, and works effectively on as many devices as ...
0
votes
3answers
85 views

Non-fully-hierarchical website structure and use of breadcrumbs

I have a web page with a menu on the left. Each choice can bring to either: A single page A wizard Or a hierarchical series of pages, where I can drill down. Left panel Right side Item 1 ...
0
votes
1answer
22 views

show comments and likes

In my page i will be loading images one below other. I need to show comments and likes below image. But if there are too many comments then images will move down. Is there any good idea to show ...
4
votes
3answers
79 views

Specific term in UX for the task of comparing Visual Design files with developed HTML pages?

Is there an UX/design terminology for the task of comparing Visual Design files with developed HTML pages? As of now, I am referring to it as VD comparison or VD compliance check. Please help me to ...
1
vote
1answer
32 views

Distinguishing spell check from link

I want to display misspelled words within text in HTML that are detected by a spell checker. I simply put the misspelled words in a <span> element, and made the color red, and the ...
0
votes
2answers
42 views

Should scrollable block elements be used with mobile devices?

I've got a user experience concern/issue. I've developed a mobile application (HTML5/CSS3) that's primary usage will be with tablet sized displays (iPads). Some of the "legal verbiage" (I'll call it ...
0
votes
0answers
27 views

Combining menu navigation with numerical survey results

I have a website where users answers a set of questions and are then provided different feedback depending on their answers. The answers on the questions are translated to a numerical value between 0 ...
2
votes
3answers
93 views

Is it right to animate forms in corporate platforms? [closed]

I working on an internal user panel for a company that provide premium services. in their platform has lots of forms with too different inputs. It is so important to users to know where there are and ...
6
votes
1answer
149 views

modal window - fixed or absolute

I'm having a debate with colleagues about the way our modal windows work on our website. The two options are, fixed positioning - so that when the window pops up, it's stuck in the middle of the ...
0
votes
1answer
55 views

Smallest visualisation for a one-many relationship also depicting health of each of the 'many' objects [closed]

Needed someone to discuss this with since I am currently working alone. I have a 'subject' in my product which can be associated with a variable number of objects. Each object has two states.. viz. UP ...
1
vote
3answers
84 views

Should a 3-field <select> date input use fieldset for grouping?

I am trying to do the best for usability and accessibility I use fieldset to group input radio-button and checkbox elements. When I have a date input that is actually 3 select dropdown fields, one ...
3
votes
1answer
78 views

Should html links with images have both title and alt attributes?

I understand it is generally a best quality practice to have title tags for hyperlinks and alt tags for images. This is good for several reasons: additional information for low bandwidth users, ...
1
vote
2answers
85 views

What is the name of this moveable multiselect list? [duplicate]

This is killing me. I am trying to find out what is the name of this UI component that has two multiselect controls, where the left is a list of available items and the right is the list of selected ...
3
votes
3answers
102 views

Are expanding divs a bad idea for a mobile portfolio?

Brief overview: making a portfolio for game design, have three seperate categories with 4-5 individual projects under each. Home page has general links and links that segues the user into one of these ...
5
votes
1answer
147 views

how to represent disabled cells into a table with alternate row color

I'm creating an editable html table with alternate row color with a focused row highlighting . When a cell is clicked, the user can modify its content. Considering all of these, I need to indicate ...
6
votes
1answer
205 views

How to represent “no data” cells in HTML tables?

In web presentation, I have those table cells which contain no data. How to represent such an information? Notes about the table: its basic dimensions are roughly 10 × 20, but can grow to 15 ...
0
votes
1answer
49 views

Pop up modal with alert box notification

So I have a pop-up modal which serves as subscription point and it has an email field, this email field has email validation and the error message is displayed in alert box. My question, is it a good ...
10
votes
5answers
489 views

Looking for advice regarding a Web design involving 3-dimensional lists

I hope this is the right place for Web design advice; considering StackOverflow also, but not sure if pure design questions are welcome there? I'm trying to design a Web page that is to display ...
0
votes
2answers
51 views

Select Options more than 50,000 rows

I have a database which got about 50 000 records. all is information of business partners. I currently using <select name="selection"> -- some while loop <option></option> (repeat ...
0
votes
2answers
72 views

Textarea height

I need to use a textarea and it must not be resizable, is there an standard of how many lines it could have or maximum size of it? Remember that I just want to make confortable the reading and ...
1
vote
2answers
59 views

Accessibility of disabled placeholders in dropdown

Are there any accessibility implications for disabling a placeholder option in a required dropdown field? <select required> <option value='' disabled>Select an ...
38
votes
7answers
42k views

What should be the default option of a required dropdown list?

Given that there is no logically default animal from the list of animals below, what should be the "Default Value" below, according to best practice? <label for="animal">Animal ...
1
vote
2answers
49 views

External link to a bookmark

Sample code: <!DOCTYPE html> <html> <head> <title>Another Website Name</title> </head> <body> <h1>Fruits</h1> ...
14
votes
2answers
6k views

What some alternative ways to present tabular data instead of the standard table in the UI?

What some alternative ways to present tabular data instead of the standard table in the UI? I don't want the data to be displayed in formal tables with rows and columns. Is there any way of grouping ...
6
votes
2answers
340 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 ...
0
votes
0answers
101 views

Best practice for displaying a huge amount of possibly optional data

Here's the story, I am to develop a form to display the complete content of a so called CoC dataset (an xml schema) for viewing (no editing involved). This dataset contains about 750 fields, about ...
24
votes
7answers
5k views

Pros/Cons of PSD mockups vs. HTML mockups

I've read some articles (this one and this one) recently that are opening my eyes to HTML mockups as opposed to the usual PSD mockups. In the article they cite certain pros: Changes are a lot ...
18
votes
5answers
2k views

WAI-ARIA & HTML5 - Why should I favor the latter?

I want to learn more about how to make webpages more accessible, so I've spend the last few hours reading about WAI-ARIA. Still, the whole concept isn't quite clear to me - HTML5 is part of that ...
1
vote
2answers
263 views

Data Display of Tables: Table Cells with Must-See Values

I have a data-driven web app with horizontal resolution limit of 1280px, yet up to 15 columns (table cell data varying between 0-255 characters). I wouldn't like to display data on multiple rows as it ...
4
votes
2answers
1k views

Need a font with unambiguous letters for commonly confused characters [closed]

Must-have A few stipulations for an unambiguous font: - It must be easily legible. - It must have a slashed zero (so as to distinguish it from capital O). - It must sufficiently differentiate ...
1
vote
2answers
54 views

HTML Entity ( Unicode ) Character UI Reference List

I find that I have trouble articulating this question, but it's something like this: I'm looking for a list of html entities from the standpoint of UI and UX. In other words, a list of all html ...
0
votes
1answer
271 views

UI design for mapping configurator

Looking to design an admin page that will allow users to map meta data between external and internal web service We have internal process xml file that contain order details that may be fulfilled by ...
2
votes
3answers
52 views

Good UX for confirming and then selecting a value in a form

I'm creating an interface for users to create and define a hot drink. I have a check box for add milk and another for add sugar. If the user confirms this selection I would like to allow them to ...
6
votes
4answers
1k 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 ...
0
votes
2answers
53 views

HTML Title Attribute Instead of The Tag Content [closed]

Considering accessibility, can I use: <a href="about.html" title="About"></a> without any content, instead of: <a href="about.html">About</a> Associated with this CSS ...
0
votes
0answers
75 views

Display Table With Conditional Columns

I'm looking for insight on how to effectively display tabular data to a user where not all rows have data for specific fields/columns. Here's a simple example - I have a list of reports that I want ...
10
votes
4answers
7k 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
4answers
627 views

Radio input appearance for mixed values

I'm looking for ideas on how to design radio buttons that have a second state that means "no change". So the user selects a few items, similar to how rectangular selection works in Windows Explorer ...
7
votes
1answer
1k 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 ...
0
votes
0answers
107 views

Multi Selection with Check-boxes and Radio Buttons

I have a long list of options. My users can select many of them, but they must also star one and only one of the options selected so. ... [ ] Option 1 ... [ ] Option 2 ... [ ] Option 3 ... ...
5
votes
2answers
864 views

Should I put the label before or after the input element?

For visually impaired users using a screen reader does it matter if the label for an input control be placed before or after the input? For example, is there a difference (as far as the screen reader ...
2
votes
0answers
91 views

Change focus when creating “jump to content” link for usability? [closed]

I have a link which is normally hidden but is revealed for users using keyboard navigation. This link jumps them past the header menus etc into the main page content. This is a similar example: ...
1
vote
2answers
130 views

How should I display two user inputs that depend on each other?

I'm writing a web application with HTML5/JS. On one page there are two numeric inputs (A and B) where input B must always be equal or higher than input A. So if the user enters 500 in A, B must be 500 ...
1
vote
1answer
26 views

Web based content outline - mixing roman and natural numerals

Content folks submitted a document for publishing containing outline sections having mixed roman and natural numbers. II Favorite Ice Cream Flavor 1. frozen yogurts 1.1 vanilla 1.2 chocolate 2 ...
1
vote
2answers
161 views

How to transform desktop UI to smartphone UI?

I have a live demo here, based on HTML, CSS, JS and Metronic. It's currently planned to be displayed on desktops, yet it's quite responsive (a little bit...) and I'd like to convert it to be displayed ...
2
votes
4answers
1k views

What's the best way to display hierarchical tabular data (parent/child relationship) while allowing both pagination and search?

I've run into a brick wall while trying to come up with a suitable tabular user interface for showing hierarchical data in a table while at the same time including a search interface and pagination. ...
5
votes
1answer
308 views

helping user select html table for copy

This seems like it would be a common problem, but I couldn't find a discussion in a google search. Users often want to copy data out of html tables (off of web pages) so that they can paste the data ...
2
votes
1answer
122 views

What Comes After PDFs? [closed]

I do IA for a large manufacturer. Our product catalog has over 500,000 items in it. Each product has at least two PDF documents associated with it. So, at a minimum, we've got a million PDFs in the ...