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

3
votes
1answer
47 views

Best way to display a PDF and a web form together

I am making an AngularJS app that will help inspectors of different types of heavy equipment to keep track of the inspection during the process. There are many different pieces of equipment; each ...
9
votes
4answers
148 views

Where does Business Analyst fits in core UX/UI technology flow

User Experience (UX) Designer = Research + Design UI Developer = Design + HTML/CSS/JS Application Developer = HTML/CSS/JS + Back-End coding With reference to above diagram i would like to know ...
1
vote
3answers
114 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 -...
1
vote
0answers
24 views

h2 tag on screen reader missing [closed]

I have the following markup <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>This is the title page</title> </head> <...
0
votes
3answers
89 views

number input vs range slider

what are the advantages and disadvantages of range slider type input as compared with the classical number input? When it is better to use them?
1
vote
3answers
64 views

How show content that is locked to unregistered users

I have a website with a block of text available only for registers users. The structure is something like this: -Title available for all users -Text available only for registered users and panel ...
24
votes
7answers
7k 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 ...
1
vote
1answer
48 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 ...
0
votes
3answers
57 views

How do I make extremely basic data look presentable? [closed]

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 ...
7
votes
4answers
259 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
43 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
2answers
92 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
87 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
87 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
34 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
47 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
34 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
97 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
175 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
57 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 ...
2
votes
3answers
95 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
110 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
133 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
111 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
175 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
223 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
59 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
497 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
60 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
81 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
86 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
44k 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
54 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
356 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
107 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
286 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
73 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
283 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 ...
7
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
55 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
77 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
634 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 ...