HTML5 is a language for structuring and presenting content for the World Wide Web, a core technology of the Internet. It is the latest revision of the HTML standard and currently remains under development.

learn more… | top users | synonyms

45
votes
4answers
6k views

Why aren't HTML5 typed number inputs right aligned, and should they be?

As you may know, with HTML5 when an input has type="number" the field is "customized". Two little arrows are added to the field (w3school example) but the numbers are still left aligned. I saw that ...
27
votes
5answers
3k views

Which input control is recommended for a large value range?

I'm working on a web app that allows the user to enter a timing value in a range from 0s to 1s with a step of 200ns (yes, nanoseconds). I tried that with an input of type range (slider) but that's ...
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 ...
13
votes
3answers
290 views

Cross-platform HIG. What do you use for html5 apps?

When designing an Andriod or an iOS app, it is clear that you should follow their respective Human Interface Guidelines (HIGs). But what do you do when designing a Html5 app? What cross platform ...
10
votes
4answers
2k views

Does the content of the HTML5 placeholder attribute affect usability?

When using the placeholder attribute in HTML5 has there been any research into how the content of the placeholder affects the usability of the form? I'm thinking specifically about using the ...
7
votes
3answers
886 views

Is The HTML5 Search Form Useful In Terms of Usability

HTML5 (the new version of html) has a number of new features, and one of those features is that there is a new type of input that is basically the same as the normal input field (like the one you use ...
6
votes
3answers
1k views

Visually indicating that a website supports drag and drop?

I'm building a system that requires file-uploading, and I'm wondering how I can indicate that the browser windows supports drag and drop. Since the feature is new to modern browsers, there's no user ...
6
votes
8answers
9k views

How wide should a responsive-designed website be?

Maybe this is a stupid question but I wonder if it changed. Websites used to be 960px wide so all screen resolution could easily see all the content. But with the new 'responsive-design' and html5 ...
6
votes
3answers
3k views

Why are alert/confirm dialogs bad for mobile web?

I'm currently working on a mobile web app with external designers, but we (the developers) are allowed some input. They keep wanting to add alert and confirmation dialogs for things like form ...
6
votes
4answers
2k views

Is there any HTML5 or Javascript based Wireframing tool which can work on iPad? [closed]

I want to keep my ipad with me to show my ideas to client because laptop is heavy and I think iPad can do this. Is there any HTML5 or Javascript based Wireframing tool which can work on iPad and can ...
5
votes
3answers
748 views

What would be more accessible : Un-ordered lists or tables?

I have a page listing the latest blog posts in a pretty standard format, you'd expect to see on any typical blog. At the foot of each post, I have a list showing 'views', 'comments' and 'shares'. I ...
5
votes
2answers
669 views

When is it appropriate to add the HTML5 “autofocus” attribute to a page?

For usability it can be useful to autofocus on something like the search input form on a search page. Where the primary purpose of a page is to search or add content, it can be appropriate to assume ...
4
votes
1answer
331 views

Javascript and 508

I was wondering if someone has a article of common practices a web developer should practice while using Javascript on a web page, keeping in mind the web page should be 508 compliant. I saw some ...
4
votes
5answers
1k views

Best practices for direction control in 2d game on mobile

I've been working on a pacman clone in HTML5 for quite a while. (http://pacman.platzh1rsch.ch) One important thing for me was always to keep it responsive, so it would be playable on all different ...
4
votes
2answers
452 views

When should a text input be auto selected?

By default in most browsers, text inputs become fully selected when you tab into them, but not when you click on them. But in some instances, applications choose to focus the text input when it ...
4
votes
2answers
430 views

How to design UI to allow user to enter multiple sets of data

I am having some trouble figuring out how to do an interface that has these characteristics: allows user to enter several sets ("cases") of data. Minimum one, and there is no limit but say 12 is ...
4
votes
3answers
359 views

Standards for HTML access keys

Wanted to see if anyone has done some research on standard HTML access key. I have notices after doing some research many sites including Apple have incorporated the accesskey="s" on its search box. I ...
4
votes
2answers
240 views

How can I style an editable text area so that its purpose is implicit?

I considered a skeuomorph using yellow paper with lines but it seemed tacky and didn't fit the overall design of the page. The textarea fills an entire "panel" on the page just like other panels of ...
4
votes
3answers
177 views

Should the title attribute be used to communicate to the user?

The title attribute (and its corresponding yellow hovering label displayed by browsers for a few seconds); is it still considered good practice to use it on hyperlinks and buttons in a web app? For ...
4
votes
2answers
294 views

HTML5 small tag font size

In HTML5, the <small> tag "represents side comments such as small print...typically features disclaimers, caveats, legal restrictions, or copyrights." 1 We use this as a footnote to a table, ...
4
votes
2answers
565 views

Why Google search form is not using auto-focus attribute?

I was doing some testing for a project where I wanted to ensure that the user still could reach certain functionality even with JS disabled. I wanted to quickly find something by going to Google and I ...
4
votes
1answer
338 views

Effect for smooth scrolling over slider/carousel

What is this effect called? http://ruudvaneijk.nl/ when you scroll down you see it scrolls a bit over the slider on the top. I searched the internet for half an hour but could not find how it's ...
3
votes
4answers
5k views

How to make HTML5 number input field more user friendly?

I am upgrading my website to adopt HTML5 standard. I have a field that only accepts integers from 0-99. Originally it has the following code: <input name='age' type='text' size=2 maxlength=2> ...
3
votes
2answers
653 views

How to show range sliders on mobile

This is my first UX question and Im a noob to UX and this forum so please let me know if you require more detail... I'm designing a responsive order form, which has a range slider for quickly picking ...
3
votes
2answers
75 views

when to choose one between dropdown and typeahead

I am about to design a webpage wherein I got confused between few components which suits. Here, I would like to understand what is the best scenario for choosing between typeahead and dropdown menu ...
3
votes
2answers
72 views

User Interface design for HTML based mobile applications [closed]

I'm currently working on the User Interface design for a responsive mobile app that is being coded using html. This is the first mobile app development project for me as well as my Head of Engineering ...
2
votes
3answers
2k views

SVG vs CSS for Modern Web User Interfaces?

If you see flash and wpf/silverlight they both rely heavily on vectors for creating their user interfaces. That's because vectors are very easy to manipulate and animate. I'm wondering if SVG has a ...
2
votes
1answer
124 views

Handling lack of support for HTML5 [closed]

I've made a client-side JS script that runs when the Register button is clicked for the current version of a site, but want to implement real-time validation on the client. How do I handle some ...
2
votes
1answer
198 views

HTML5 form element implementation inconsistency: chalk it up to progressive enhancement?

I'm writing a small task tracking webapp for intranet use by about 20 people of varying technical skill (from clerical to developer). I was hoping to be able to rely almost entirely on HTML5 form ...
2
votes
2answers
678 views

Better way to scroll through discrete horizontal list

As a javascript developer, the simplest way to implement sliding is to just put all items in a row and animate by changing a css property. Are there any reasons to do it this way besides the ...
2
votes
3answers
250 views

User interface for either/or text input [duplicate]

I have an either/or scenario for text input which I'd like to mock up as shown below. Any ideas how I can proceed with html/css (this should be responsive). Edit : Sorry for being unclear. Not sure ...
2
votes
3answers
1k views

Ordered Multi-select control in HTML

I'm developing a highly customisable SaaS application. It has at several places a multi select, for some cases additionally to selecting the items, the user can define an order, for other cases it is ...
2
votes
2answers
142 views

When going back to previous page may cause disorder

Let's suppose a page listing items whose URL would be: /items. Its content is loaded through Ajax at the page's initialization time, thus not directly populated on server initially. Each item ...
2
votes
1answer
4k views

How is the HTML5 date input type presented on different Mobile browsers?

I am building a form for Mobile Web that requires users to enter in their DOB. I'm interested in how it is presented across different mobile OSes and browsers as I understand support is patchy. Is ...
2
votes
3answers
363 views

Better way than scrolling a long list

I have a mobile app that allows you to browse lists of songs: [a][b][c][d][e] Elvis - Song 1 Elvis - Song 2 Elvis - Song 3 Ernie Wood - Song 4 You can jump to the letter to filter based on the ...
1
vote
2answers
452 views

What is the best practice for images on websites? [closed]

I am using right now svg images, because it looks great at any size, but not all the browsers has support for this. So, it is a better practice work with .png/.jpg?
1
vote
1answer
15k views

what is the alternative for HTML5 Date field for older browsers? [closed]

Older IE and firefox doesn't supports HTML5 date field or email field. is there any alternate solution ?
1
vote
3answers
162 views

Use a web framework (Bootstrap) or write my own CSS from scratch? [closed]

We are a startup building an ERP platform. It has lots of screens (10-15) and will be a browser first application. We are a team of 3 and our skillset is mostly javascript specifically Angular. We ...
1
vote
3answers
118 views

How to browse a long list of artists and songs

I have a mobile app that allows you to browse lists of songs: [a][b][c][d][e] Elvis - Song 1 Elvis - Song 2 Elvis - Song 3 Ernie Wood - Song 4 You can jump to the letter to filter based on the ...
1
vote
2answers
148 views

Are browser desktop notifications better than a browser alert box?

I'm working on a project where I'd like to notify a user of an important event in the application. There are two options that I have at my disposal: Use the browser/HTML5 Desktop Notifications. ...
1
vote
2answers
71 views

What is this input type or form setup called? [duplicate]

Couple of us arguing about this and none of us can remember what this is or would be called. Commonly seen on forms where you are moving an option from one box on the left to a box on the right and ...
1
vote
2answers
153 views

Creative Methods to Allow Users to Select Chart Series

This is a very generic question, but I have a graph that will be plotting attendance data for the public schools in my district. The users would like to see this data grouped by district, High ...
1
vote
1answer
41 views

Linking to vs. embedding content on a web page

I'm designing a simple informational page, and I want to maximise readability and make the page as efficient as possible. Currently, I have two PDFs embedded into the page that users can scroll ...
1
vote
1answer
176 views

Optimal way to handle multiple many-to-one attributes in a grid control

We are working in web app where we have parent records that have multiple attributes that have many-to-one attribute values tied to them. We are attempting to list these parent records in a grid ...
1
vote
4answers
457 views

Is there a Web UX standard as to when to use, or not use a tool-tip?

Current web application is being updated with twitter bootstrap and the UX people are hover / tool-tip happy which is leading to a very busy page. My understanding is that tool tips should be used ...
1
vote
1answer
86 views

How best to show a document preview

I have a fairly basic web form that gathers information such as name, address, description, yada, yada. I have to do a rewrite and so am wondering what the best practice currently is to show a ...
1
vote
0answers
101 views

Testing cross-platform touch performance [closed]

I am at a phase of a project where I need to establish a proper testing method where I can measure how well the touch performance on different smart devices (tablets and smartphones). My primary test ...
0
votes
3answers
564 views

What is the best convention to add css class(es) to a HTML element? [closed]

I couldn't come up with a simple title that explains my problem, but I'll try to be clear. Is this a good convention: <div class="margin10 padding20 font28 ...
0
votes
1answer
49 views

How to manage a growing drop down on my blog

I have a blog and I add articles on it quite frequently. One caters to Short Stories and the other to Articles. Not the drop-down has become huge and is covering most of the screen. Can you please ...
0
votes
1answer
122 views

bootstrap auto-hint/validation on form field types [closed]

It seems that Bootstap has a 'field type' validation, that it performs automatically. Is there a way I can turn that off, OR, maybe better, pass messages to that along with making it work on plain ...