Questions tagged [html]
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.
37
questions
132
votes
10
answers
9k
views
Is Markdown Friendly Enough for Non-Technical Users?
The Problem
I love using Markdown to write questions, answers, posts, comments, etc. That being said, I am a very technical, detail-oriented, programmer type. However, I am working on a CMS of sorts ...
- 1,421
15
votes
2
answers
1k
views
How should a website's title be structured?
Are there any best practices for choosing the title of web pages? There are a lot of resources online oriented toward SEO, but not toward users.
My impression is that most sites have something ...
- 725
179
votes
18
answers
247k
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 ...
- 2,705
24
votes
7
answers
7k
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 faster ...
- 1,845
47
votes
23
answers
4k
views
Is there ever a good reason to force opening a new browser window?
As a power web user, I know how to use my browser and it drives me nuts when web sites force me to open a new page. My mother, by contrast, just gets confused when this happens. At the end of a web ...
Shermozle
23
votes
1
answer
9k
views
Why is it inaccessible to create a form with no submit button?
Considering the W3C advice on including submit controls, is it still possible for a form to be accessible if the only way to submit it is by pressing the return/enter key?
- 333
105
votes
15
answers
26k
views
Get users to use the download button instead of right-click save
As part of our system, a web application, we have an image viewer. Previously we always displayed the full resolution image but scaled down with CSS to fit the page. For performance reasons we now ...
- 1,079
83
votes
12
answers
82k
views
Is there an optimal font size / line height ratio?
When styling text on web pages, both font size and line height can be set. For example, the text of this post will be displayed using a font-size of 14px and a line-height of (about) 18px, set using ...
- 2,517
23
votes
4
answers
5k
views
Does the average user understand the standard HTML multiple select box?
If I want the user to select one or more items the HTML symantecally correct form element would be <select multiple>.
So the code would be:
<select multiple id="sel">
<option>...
- 507
22
votes
7
answers
12k
views
Should every page in a site have a totally unique H1?
I agree that every page in a site should have a unique TITLE, and that every page should have one and only one H1 element, but should the text of each H1 be completely unique too?
Instinctively one ...
- 832
22
votes
8
answers
7k
views
Is there any recommended control for triple options like YES / NO / NONE?
I'm designing a user opinion page where the user has three choices. For instance, if the question is "Is it suitable?" the three options could be "YES", "NO", or "NoIdea".
In this case, what control ...
- 321
50
votes
7
answers
21k
views
Why do websites not use entire width of browser?
What reasons might a website not use the entire width of the browser, like Gmail does?
For example, StackOverflow does not use the entire width — it has left and right margins. This means the ...
- 603
25
votes
7
answers
14k
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,957
17
votes
5
answers
3k
views
Should input fields be cleared out when the user selects them?
I have a few input fields in my form with some default values (numbers). Please note, they are not just placeholders, i.e. they can be used as is, if they are not changed.
I was wondering if I should ...
- 273
15
votes
3
answers
6k
views
Is there a convention for distinguishing internal and external links in a website?
From a user point of view, I think it is a reasonable idea to distinguish internal and external links. By internal links, I mean links that have the same domain name than the website displaying the ...
13
votes
9
answers
7k
views
Whats a better user experience: A scrollable table or a full size table allowing the browser window to do scrolling?
Whats a better user experience:
A scrollable table by using overflow css settings in a DIV?
A full size table allowing the browser window to do scrolling?
- 233
9
votes
2
answers
4k
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, ...
- 471
9
votes
4
answers
2k
views
Is it good practice to only accept numeric keystrokes in number-only fields?
I have a form that only takes in numbers as it represents a dollar amount. Currently, the form only accepts numerical keystrokes. Is this good practise?
- 287
9
votes
1
answer
4k
views
Best Method to Present a Many to Many Form to User
I have a questions about how to best present a form based off a many to many relationship to a user. I'll explain my models to help give an idea of what data I need to present.
Models and ...
- 237
8
votes
6
answers
26k
views
Recommended button sizes on web pages
What are the current usability guidelines for the size of buttons (or anything clickable) on web pages?
- 925
7
votes
1
answer
5k
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 ...
- 73
7
votes
2
answers
2k
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 <back&...
- 173
6
votes
3
answers
1k
views
Affordance of Edit In Place functionality
I want to use contenteditable as an edit-in-place mechanism. However, I'm struggling with the usability of it. The problem is that once a user clicks on the area, it's not obvious that they can edit ...
- 253
6
votes
2
answers
329
views
When should the message informing the user that the password they entered is wrong go away?
This is a follow up to this question since it got closed. In a log in form, after the user enters the wrong password, when should the message saying "wrong password or user name" go away? For example ...
- 1,365
5
votes
2
answers
9k
views
User Profile Dashboard Design [closed]
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 ...
- 153
5
votes
3
answers
6k
views
Display of disabled input fields
How should an input field appear when it is disabled? One idea is to show 'Disabled' as value within the input field. Is there a better idea to indicate an input text field is disabled?
The input box ...
- 257
5
votes
1
answer
7k
views
Why does the title attribute have a delay?
In HTML the title attribute usually displays a little popup conveying information about the element. In most—if not all—browsers the popup doesn't appear immediately but after few seconds.
Why was ...
- 499
4
votes
2
answers
1k
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?
- 595
4
votes
5
answers
4k
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?
- 41
3
votes
3
answers
4k
views
What is the best way to tell users to scroll down in browsers?
what is the best way to tell users to scroll down in browsers?
Tests showed, that users do not scroll to the original message (which they need to answer questions):
- 33
3
votes
4
answers
3k
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?
- 133
3
votes
3
answers
1k
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 ...
- 139
2
votes
2
answers
1k
views
What is the best web UI for choosing a range on a form?
I have a typical form with dropdown choices, freeform textboxes and textarea for large fields.
I now need to add a range for things like this.
Start / End Time
Start / End Day
Low Bid / High Bid
I ...
- 1,341
2
votes
2
answers
606
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 ...
- 425
2
votes
2
answers
3k
views
For Screen Readers: How to markup a group of text items to be read as one item? Should I even try?
How might I mark up the following component in accordance with WCAG 2.1 guidelines, accessibility best practices, and with as much assistive technology compatibility as possible (I don't want to ...
- 123
1
vote
2
answers
886
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 ...
- 173
1
vote
2
answers
2k
views
Best aesthetically solution to overflowing data in a table
I have the following table which I created as follows:
<html>
<head>
<style type="text/css">
html {
background-color: #fff;
}
body{
text-align:center;
}
...
- 133