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

1
vote
3answers
43 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 ...
22
votes
5answers
2k 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 ...
2
votes
0answers
58 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
1answer
27 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. ...
3
votes
2answers
166 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
147 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
68 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
28 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
422 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
0answers
24 views

Should button icon show it's state or it's action? [duplicate]

Alert (sound player) user experience experiment: This question is about the user experience (UX) of a tiny sound player that has 2 buttons: mute/unmute, pause/play. The player is connected to a live ...
0
votes
2answers
72 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 ...
3
votes
1answer
210 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 ...
0
votes
1answer
53 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
228 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
215 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
3answers
623 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
139 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 ...
4
votes
4answers
413 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 ...
2
votes
2answers
121 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 ...
13
votes
4answers
909 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 ...
0
votes
3answers
277 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 ...
4
votes
2answers
156 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 ...
3
votes
3answers
112 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 ...
3
votes
6answers
2k 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 ...
2
votes
1answer
3k 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 ...
1
vote
1answer
125 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 ...
4
votes
1answer
168 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
253 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
3answers
154 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 ...
1
vote
0answers
97 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 ...
1
vote
1answer
4k 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 ?
0
votes
1answer
144 views

What would be the best way to display a variable search in HTML

I have a search function with 5 different variables, the search depends on any one of the 5 variables. What would be the best way to display this without taking to much real estate and without it ...
5
votes
3answers
387 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 ...
0
votes
1answer
793 views

Truly cross-browser/cross-platform font-rendering web embedded fonts? Does it all come to images? [closed]

I've spent eons diving into @font-face issues for RTL languages, font-rendering on different browsers, PDF support, and so on. My objective is to have CSS-compatible Arabic (a RTL language) text on ...
13
votes
3answers
256 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 ...
7
votes
2answers
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
1answer
2k views

What solutions are there for a date picker on a responsive website? [closed]

We're working on a website that is responsive. So my question is: What about datepickers. If we choose normal datepickers Jquery Mobile date pickers don't look good on the full blow template. And ...
2
votes
1answer
179 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 ...
4
votes
3answers
301 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 ...
2
votes
2answers
487 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 ...
0
votes
1answer
85 views

Should a new project be started in Flash? [closed]

I am looking for opinions with a little reason behind them for this question. I am starting a new project for work that will need to be supported (by me) for the next 3 years. It is a suitable ...
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 ...
2
votes
3answers
1k 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 ...
4
votes
1answer
254 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 ...
5
votes
3answers
836 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
832 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 ...