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

0
votes
3answers
55 views

How do I make extremely basic data look presentable?

I have a modal that is so boring and ugly I cannot stand to look at it. In a user table, the user can press a button to view all details about the user (the table only shows name, role, etc). This ...
6
votes
4answers
196 views

Are long checkbox labels a problem?

I'm working on an admission application page and in one section of it there is a list of checkbox controls indicating the user has read/agreed to various policies or conditions and certifying the ...
1
vote
2answers
41 views

Status Circles for displaying tracking information inside a list [closed]

So I am currently working on a Tracking-Application. There is a list of orders and I want to display right in the list the statuses of all the six steps. Currently I have something like this: https://...
1
vote
3answers
96 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
32 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 ...
1
vote
2answers
80 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
86 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
24 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 ...
4
votes
3answers
83 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
33 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 text-...
0
votes
2answers
46 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
30 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
96 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
161 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
56 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
88 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
92 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
118 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
108 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
159 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
213 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
54 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
493 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
59 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
78 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
76 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 option...</option&...
38
votes
7answers
43k 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 (required):</...
1
vote
2answers
53 views

External link to a bookmark

Sample code: <!DOCTYPE html> <html> <head> <title>Another Website Name</title> </head> <body> <h1>Fruits</h1> <h2>...
15
votes
2answers
7k 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
348 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
102 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 ...
19
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
274 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
68 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
276 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
2k 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
76 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
8k 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
632 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
111 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
984 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
95 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: http:...
1
vote
2answers
133 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
166 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 ...