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
0answers
7 views

How to organize a grid with fixed width but variable height boxes to fill available space [migrated]

I'm looking at Pinterest as a design inspiration, where they have fixed width column, but each of the grid items fill all of the available space (and have variable heights). Here is an example: My ...
0
votes
0answers
89 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 ...
34
votes
6answers
37k 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
222 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
35 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
241 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
48 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
63 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
6k 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
614 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
98 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 ... ...
4
votes
2answers
497 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
78 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
113 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
25 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
130 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
648 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
166 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
115 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 ...
1
vote
3answers
149 views

A User-Friendly Table - What Solution?

Today, this is my table and if I select one of the row, it shows a select icon. I want to make it more user-friend that you can see the whole row to be selected. Gmail has that functionality. In my ...
0
votes
1answer
88 views

New to UX. Should I focus on Web Design or UX in general? [closed]

I'm new to UX, and long story short, I"m not sure whether to focus my time on web design or UX in general. This is probably a stupid question but I hope it makes sense. I'm proficient with HTML and ...
4
votes
3answers
243 views

How to make a user think a div is clickable ? shadow/Hand cursor/color change?

I have 3-4 divs on my home page with some information (i.e. A Big Number, indicators). As I cant put all the information in the same page but I think it will create cognitive load for the user so I ...
2
votes
2answers
116 views

Visual Indicators

I am a newbie to UI. I have seen in google and other sites that whenever a person visits for the first time he will be presented with the visual indicators such as Ok, skip , got it etc.. I need to ...
1
vote
3answers
233 views

Use the same search box to search different types of data

I'm trying to figure out an elegant solution to this problem, but haven't had any great ideas. (This question is similar but doesn't really answer my issue) We allow our users to search different ...
0
votes
2answers
81 views

Why the browsers take shades of blue while selecting?

Why the browsers take shades of blue (colors specified in SO post here) while we select the text ? Is there any special reason for the same ? Note:Question moved from StackOverflow
2
votes
3answers
69 views

Discrete and visible div over img/video

I have an video tag with an div displayed on top. The div is pretty nice looking and visible for the most part, only dark images are a bit problematic. For the sake of testing I searched out 3 ...
8
votes
3answers
1k views

Display input text that exceed input width

I'm having some issues when the user types extensive text in a small input field. I need some good way to display data that will be cut off. I tried to use a Bootstrap based Tooltip or Popover on ...
1
vote
2answers
190 views

What is/are the best HTML form control(s) to capture exact and approximate dates

I'm currently using <input type="date"> to capture a date. However, a lot of users don't know the exact date but still want to record an approximate date. I want to encourage as high a degree ...
2
votes
2answers
152 views

Is having the number of search results in heading markup accessible

In a recent accessibility report of our application there were some points stating that the number of results should not be in a heading on the page. For example, the markup should be: ...
14
votes
9answers
5k views

How do users expect dropdown navigation to work?

This question is in regards to expected behavior with drop-down navigation in web pages. This is part of an email I just got from a client: ("Admissions" is one of the top level navigation links) ...
1
vote
2answers
270 views

Displaying CRUD Operations on an HTML Table Elegantly

I have a rails app that I am building using foundation. I have an orders index page that displays all the users current orders on a nice looking table. (ecommerce stuff). This table displays the ...
2
votes
3answers
357 views

Signup form on front page?

Will you get more signups if you put the signup form on the front page or on another page that users access via a link on the front page? Form on the front page might make it a bit cluttered - I'm ...
2
votes
3answers
83 views

Animation as user feedback: how to do accessibility here without being redundant?

I have a list of "Texts" being displayed on a list. The user can reorder it when click on an action button, and when do that, an animation works as a feedback to the user. The Texts move, changing ...
4
votes
2answers
294 views

How to change order of list Elements in a nice way?

I'm searching for an intuitive way to change the order of a list. I don't think that drag'n'drop would be a good solution, because it's a mobile browser based application and no user would try to long ...
3
votes
2answers
180 views

Best way to display contextual user entry errors in a tabbed html form

I have a web application that has a very large form. That form is split into several tabbed areas, which divide the entry of the data in to logical blocks. I have a single submit button outside the ...
0
votes
0answers
16 views

making good view of how to use my website [duplicate]

I am working on a website and want to make - lets say - page or navigation bar or anything describing the steps of using it to help the user to use my website and help him understand how to get his ...
5
votes
3answers
1k views

HTML vs. PDF — What are the Pros and Cons of PDF?

From 2003: http://www.nngroup.com/articles/pdf-unfit-for-human-consumption/ PDF is good for printing, but that's it. Don't use it for online presentation. Since then more and more devices can ...
14
votes
1answer
5k 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 ...
1
vote
2answers
458 views

How to set an indicator for selection in drop down on UI

I have a drop down on which multiple selections can be made. Here is the demo. Now, if you see the example, I can select multiple options, but when I close the drop down, I don't know what have I ...
3
votes
3answers
59 views

Alt Attribute for user generated content

Suppose you have a website where users can sale stuff and upload images (something like craigslist). What would be the appropriate ALT attribute for such images where we don't know the actual content? ...
3
votes
1answer
83 views

How should breadcrumbs be marked up? Are lists appropriate? [closed]

Trying to work out how best to mark up a breadcrumb area on my page and I'm not sure how I should contain it. In my mind there are three options: Option 1 - Just Links <nav> <a ...
1
vote
2answers
102 views

Is use of disabled option on select a good approach for showing existing invalid value?

Sample scenario to illustrate the type of problem I'm trying to solve: Online store has orders and in the order it refers to a product. Users can edit existing unsubmitted orders and one of the ...
1
vote
2answers
526 views

Layout of filters in HTML form

I'm struggling to figure out a decent way of laying out a filtering system in an otherwise simple HTML form. For context, the form is used to submit issues, like those you see on an ISP or web host's ...
94
votes
15answers
77k views

Why is it impossible to deselect HTML “radio” inputs?

In HTML, there are currently two types of "checkbox" style controls: Checkbox: Allows toggling on/off, multiple values can be selected Radio: Only one value in a group may be selected, does not ...