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

3
votes
1answer
502 views

What is the benefit of using the HTML5 <time> tag?

I have a web application I am writing the HTML for. In the app I will be displaying a lot of dates and in HTML5 they added a <time> tag. If I wrap all of my dates and times in the <time> ...
1
vote
0answers
39 views

Which form widget for (seemingly) linear input without default value?

For answers in digital questionnaires, is there any reasonably well understood form widget between a horizontal group of radio buttons (or check boxes) and a slider gauge that lets the user input a ...
4
votes
4answers
400 views

Are Placeholders good for default values?

I read (and believe) this article that data entry tips in HTML placeholders are generally harmful and should be avoided. In-context descriptions or hints can help clarify what goes inside each ...
2
votes
1answer
123 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 ...
2
votes
3answers
59 views

Does anyone know of any examples of the use of character counter on an input field?

I am working on a project that allows users to edit objects named by clicking on it using something similar to the HTML 5 Content-editable attribute. Update: The character limit is 30 not three. ...
3
votes
2answers
95 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 ...
0
votes
2answers
124 views

How to make HTML-dashboards of SPA printable?

We have a SPA (Single Page Application) SaaS product (https://www.webbsc.at/home/) which displays user's financial data and analysis. Obviously it would be great if the user could print the data to ...
3
votes
2answers
87 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
269 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 ...
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 ...
1
vote
2answers
77 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 ...
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 ...
0
votes
3answers
52 views

Proper way to describe saving canvas to server?

Problem I have an app where the user draws to an HTML5 canvas, and then is presented an option to save it to the server. Currently a button that says "Save" is shown, which instructs the server to ...
1
vote
3answers
127 views

Is this a parallax effect design?

Here: http://www.ginventory.co/ I am not sure if this is also called parallax. If not, I'd like to know what is it called?
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 ...
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 ...
2
votes
3answers
2k 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 ...
0
votes
1answer
74 views

Ideas for application layout using angularJS [closed]

I am converting a classic asp application that displays the status of any number of applications, can be one, can be 10+. I am using angularJS for the front end and restful web service for back end. ...
2
votes
1answer
125 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 ...
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 ...
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 ...
45
votes
4answers
7k 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 ...
0
votes
1answer
139 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 ...
4
votes
2answers
478 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 ...
1
vote
2answers
169 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 Schools,...
2
votes
3answers
378 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 ...
5
votes
2answers
726 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
2answers
314 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, ...
1
vote
3answers
119 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
170 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. ...
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 ...
4
votes
2answers
457 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 ...
1
vote
2answers
467 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?
0
votes
1answer
97 views

How to work with web designers pragmatically on my stateless browser app?

These days, lots of stuff is being done on the client. This includes full page rendering, data fetching, and much more. Right now, I am developing an API and also working on the client-side app which ...
1
vote
1answer
44 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 ...
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> ...
0
votes
2answers
243 views

How to render a mobile in HTML5 / CSS3 / Javascript

I am developing a website to promote my app and want to render a mobile which will display different images in transition. Some like done on these pages: http://www.whatsapp.com/ (Uses a background ...
0
votes
1answer
80 views

mobile html5 input type=“x” vs custom mobile controls

There has been some back and forth with the developers and the design team over building controls that match the design vs using mobile html5 standard controls for datepickers and timepickers for a ...
3
votes
2answers
704 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 ...
4
votes
2answers
585 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 ...
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 ...
0
votes
1answer
274 views

Menu Dropdown and color palette (theme color) questions [closed]

I have been able to create my own drop down menu. I moved it from being HTML / CSS to using jQuery to help, so that the menu drop down stayed when its parent element was hovered over. -> My biggest ...
2
votes
2answers
154 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 ...
0
votes
3answers
580 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 display-block">Something...</div&...
4
votes
2answers
251 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
182 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 ...
1
vote
1answer
183 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 ...
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 ...
4
votes
1answer
355 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 ...
1
vote
4answers
475 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 ...