Questions tagged [html5]
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.
90 questions
1
vote
2
answers
630
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. These ...
- 111
4
votes
2
answers
3k
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 ...
- 287
1
vote
2
answers
832
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, is it better practice work with .png/.jpg?
- 113
0
votes
1
answer
118
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 ...
- 111
1
vote
1
answer
242
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 ...
- 113
4
votes
4
answers
11k
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
1
answer
419
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 ...
- 265
15
votes
2
answers
10k
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 ...
- 251
0
votes
1
answer
103
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 ...
- 101
4
votes
2
answers
2k
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 ...
- 306
5
votes
2
answers
1k
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 ...
- 507
8
votes
3
answers
14k
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 ...
- 1,247
0
votes
1
answer
791
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 ...
- 3
6
votes
5
answers
4k
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 ...
- 161
3
votes
2
answers
295
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 ...
- 570
23
votes
6
answers
4k
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 ...
- 743
0
votes
3
answers
1k
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&...
- 211
4
votes
2
answers
432
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 ...
- 143
4
votes
3
answers
822
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 ...
- 683
6
votes
8
answers
24k
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 ...
- 578
3
votes
1
answer
7k
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 ...
- 873
1
vote
1
answer
319
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 ...
- 111
4
votes
1
answer
763
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 ...
- 578
1
vote
4
answers
786
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 ...
- 111
4
votes
3
answers
2k
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 ...
- 141
3
votes
1
answer
30k
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
1
answer
258
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
3
answers
3k
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
1
answer
2k
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 ...
- 119
13
votes
3
answers
361
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 ...
- 68.6k
11
votes
4
answers
3k
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 ...
- 282
-2
votes
1
answer
3k
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 ...
- 472
2
votes
1
answer
218
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 ...
- 6,015
4
votes
3
answers
426
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 ...
- 3,950
2
votes
2
answers
927
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 ...
- 571
6
votes
4
answers
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 ...
- 4,902
1
vote
3
answers
3k
views
SVG vs CSS for Modern Web User Interfaces? [closed]
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 ...
- 119
5
votes
1
answer
927
views
JavaScript and Section 508
I was wondering if someone has an article of common practices a web developer should practice while using JavaScript on a web page, keeping in mind the web page should be Section 508 compliant. I saw ...
- 481
8
votes
3
answers
1k
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 ...
user4662
6
votes
3
answers
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 ...
- 596