a scripting language that allows web pages to present dynamic content to users, such as validation of web forms or automatic saving of data to reduce frustration or to allow visual effects otherwise impossible with HTML.

learn more… | top users | synonyms

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 ...
25
votes
4answers
4k views

How to tell visitors to activate JavaScript?

How should one tell website visitors that a website makes heavy use of JavaScript?
25
votes
10answers
5k views

Is it ok to require certain users to have JavaScript enabled?

I am a firm believer sites should work perfectly fine for people who choose to disable Javascript while browsing any and all of the content. However, when it comes to higher-level interaction (such ...
14
votes
4answers
5k views

Should i optimize my website for non-javascript users?

I have been working on a website which relies mainly on Ajax calls and jQuery to provide a rich user interface. Though the site looks just fine without JavaScript enabled. Some Features like Login and ...
13
votes
3answers
737 views

Pros/Cons of date- and datetimepickers [closed]

What pros and cons do you experience when using datepickers in web forms or software? What do you think is missing sometimes? What bugs you when using a datepicker? I want to know, either from ...
13
votes
4answers
391 views

Is it ok to add content when the users selects and “copies” something on the page?

Some websites (using tools like tynt) have started to add something a little surprising at first : When the reader copies part of the article or blog post, something, say the url of the piece, is ...
12
votes
2answers
1k views

Whats the best way to present a time duration to user?

We're trying to implement the most effective method of displaying duration it takes for user to complete a puzzle. Looking for simplicity and accuracy. I've added two examples that we've been working ...
10
votes
10answers
2k views

Drawbacks of auto “focusing” on a web page's text field (JavaScript)

Do you guys know any drawback of focusing on a text field on a web page ? It's pretty useful when you know users will use this text field more than others (like on the google homepage), but it's a bit ...
10
votes
3answers
7k views

Best design for displaying list under a list of items ?

I have a list of items in a database and i display 10 items with some additional details at a time(as table rows). I use next & previous buttons to fetch the remaining items. This part has been ...
10
votes
1answer
23k views

What is the official JavaScript logo/icon? [closed]

Is there an official JavaScript logo/icon or there is no official logo or icon at all? If not, which icon do you consider to be the most representative when refering to JavaScript? I am just curious, ...
10
votes
5answers
485 views

Looking for advice regarding a Web design involving 3-dimensional lists

I hope this is the right place for Web design advice; considering StackOverflow also, but not sure if pure design questions are welcome there? I'm trying to design a Web page that is to display ...
10
votes
2answers
1k views

Generic clientside form validation

I'm the author of the jQuery Form Validation plugin, which I started writing in 2006. Since then I've put quite some effort into improving the default interaction, without the developer using the ...
9
votes
2answers
360 views

What's the official name of concept of input boxes with tags?

I'm looking for an implementation and the (official) name of this kind of control where it's a inputbox where we can add multiple tags into it. By example, it is used in JIRA like this capture (and ...
9
votes
2answers
344 views

browser geolocation: offer to user automatically?

I have web where content depends a lot on users geolocation. So it would be really nice to use W3C Geolocation API. When I do that, user is asked by browser authorization bar whether allow geolocation ...
8
votes
3answers
491 views

Should I use javascript cookies in lieu of autofill where autofill is unreliable?

Autofill is a good option for users who don't have an account. But it seems that how browsers determine how they'll implement autofill information varies. I'm not surprised of course. In Chrome, it's ...
8
votes
3answers
557 views

Do good UX guidelines exist against little JS windows inside the browser

I encounter a lot of web applications that essentially implement a small windowing system inside the browser. On you web page there exist a number of little boxes that look like windows, which can be ...
6
votes
3answers
818 views

Should animations pause on mouseover?

Should animations pause on mouseover? I have my opinion, but I was wondering if there was any evidence to support/refute the idea that users expect this to happen. EDIT: I'm specifically concerned ...
6
votes
3answers
668 views

Flipping cards, good or bad idea?

I want to implement flipping cards on my website because they look awesome and they allow the user to see more information on hover. However I started to think it was a bad idea because instead of ...
6
votes
1answer
135 views

Notify users with deactivated JavaScript that “secondary” functionality is missing?

On http://xmpp.org/xmpp-protocols/xmpp-extensions/ there is a table listing items with different statuses (active, obsolete, final, …). When JavaScript is activated, there is a filter widget above ...
5
votes
3answers
351 views

At what point do I throw graceful degradation to the wind?

For a feature I'm currently working on implementing on my application (a pretty standard feature), it seems like I have to essentially disregard "graceful degradation." I'm referring, of course, to a ...
5
votes
4answers
287 views

Color-coding percentages, how should I interpret a result of 0/0 (as 0% or as 100%)?

I am making a report that requires me to display some calculations as a percentage. Basically, I'm doing a database query for records matching a specific ID. The number returned becomes my denominator ...
5
votes
2answers
641 views

Are one-page web apps always better?

Does anyone have some instances or cases where onepage web applications (for example, a lot of AngularJS apps) are inferior to full loading pages? I'm not including technology, SEO, etc. Only from a ...
5
votes
4answers
2k views

User-friendlier dropdowns with hoverIntent?

Is it a good idea to use hoverIntent (which introduces a slight movement-predicted delay to prevent accidental hover-offs) for user-friendlier dropdowns? ...
5
votes
1answer
759 views

Best Practices in keyboard navigation of JavaScript Controls?

Apparently "best practice" when creating DHTML widgets, such as menus etc., is to allow users to navigate to the widget using the tab key, and navigate within the widget using arrow keys. This follows ...
4
votes
8answers
2k views

Should a website UI designer know Javascript/JQuery as well as HTML & CSS?

My problem is this, that few people mention that a UI designer should not have knowledge of JavaScript they should only know html and css. But I believe that a UI designer should also have knowledge ...
4
votes
4answers
624 views

Radio input appearance for mixed values

I'm looking for ideas on how to design radio buttons that have a second state that means "no change". So the user selects a few items, similar to how rectangular selection works in Windows Explorer ...
4
votes
5answers
4k views

Auto focus on the first form field; done right? [closed]

I want to add a bit to the flow of users, by making the first form field auto focus on page load. Initially the auto focus scares me a bit (sometimes called offensive). But as said in that Q&A, ...
4
votes
1answer
6k views

Telling users passwords don't match and aren't strong enough

I have two functions in my user registration form One checks the password and confirmed password are the same. The other checks if the password is strong enough. I have two presentation related ...
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
2answers
602 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?
4
votes
3answers
510 views

Decline in JavaScript prompt() usage?

I've been seeing less and less use of javascript's prompt function. I find it very useful but I was curious as to why the decline of usage. I see something very similar to it used everyday ( iOS ...
4
votes
2answers
367 views

What's the convenient key do delete something on Mac?

I've developed a paint application on the web using HTML5 Canvas element and JavaScript. The user can select stuff he drew and then delete it using the Delete key on Windows (which is convenient in ...
4
votes
2answers
228 views

When you have a side panel open, and the user scrolls, is it better to leave it open or to auto close the panel?

Say you have a side menu that opens from one side after clicking on an icon in a website. This menu would take more than 40% of the view-port in the horizontal direction. If the user scrolls down, is ...
3
votes
5answers
5k views

How to display the hierarchical data [closed]

Some real ui javascript library wanted! I have to display some hierarchical data on the web page. It should not be a classical tree view with the text items. I am looking for a graphical ...
3
votes
3answers
670 views

When filling out a form to what extent should validation be done while the user is still typing?

I'm working on a registration form and it validates some parts while the user is still typing. For example, the username is being checked after each character is entered to see if it is available or ...
3
votes
3answers
202 views

Which is perferred - a standalone login page or a javascript popup over a MyAccount page?

I am designing a new website, and am thinking about the UX for accessing a personal account page. Is it "better" to have a standalone login page (and then redirects to My Account details), or a ...
3
votes
9answers
2k views

What would be the benefits of knowing JavaScript as a UI/UX designer?

I'm a UI/UX designer and work for a start-up creating a web-based application serving a specific target audience. Although not required for my job, I'm trying to teach myself JavaScript and would like ...
3
votes
1answer
63 views

Name for JS UI Component

There's a text-dragging UI component I want to use, which can be seen in detail here (drag the cookies!). This is a pretty common idea, and is used a lot in native production applications. I would ...
3
votes
2answers
253 views

Static tooltips vs tooltips that follow the mouse

This is for a debug app (programming) that prints additional information when the mouse is over a certain element. For example, the app can display a list of class methods. When the user mouse over a ...
3
votes
1answer
110 views

WCAG 2.0 compliance: do I have to support browsers which don't support JavaScript?

WCAG 2.0 has some requirements on robustness: "Content must be robust enough that it can be interpreted reliably by a wide variety of user agents, including assistive technologies", but it doesn't ...
3
votes
1answer
313 views

Multi-pane code editor with preview: help me find a good compromise between usability and complexity

I am creating a simple web site/app for testing JavScript code in the browser, similar to jsbin.com, jsfiddle.net, and tinkerbin.com. The usual approach is to have 3 code editors (for JS, CSS, and ...
2
votes
6answers
602 views

Ideal color palette for 24 colors?

I'm making a simple collaborative whiteboard app just for fun and I originally had a color picker with all the colors but the few friends I showed it too said it was too much and they aren't artists ...
2
votes
5answers
177 views

Speed enhancement at the expense of not working with JS turned off

I have an image gallery that currently loads the images using standard img tags and since it has a lot of large images it loads quite slow. I can speed things up by having the gallery script ...
2
votes
3answers
261 views

Is it good UX or bad UX to prevent people from disabling javascript? [closed]

I realise that I am no longer able to disable javascript from the preference setting of FireFox browser 27.0. As a developer, I always think about graceful degradation for my users. And I know how to ...
2
votes
2answers
306 views

Right mouse click, choose delete on website

I'm implementing a javascript folder tree with basic explorer function: add/update/delete. It's like this: [Menu] Add new school +School A -- Class A1 -- Classs A2 -----Student Tom +School B -- ...
2
votes
1answer
747 views

Changing the behavior of the arrow keys with JavaScript

In the context of a widget on a website, what is the preferred way of changing the behavior of the arrow keys with JavaScript? The user can't scroll with the arrow keys and can use the arrow keys in ...
2
votes
2answers
264 views

Interface for selecting multiple items out of thousands, w/ categories

I'm trying to build an interface for filtering lots of data for the sake of searching. I need to present a VERY large collection of names, make it easy for the user to select all the names they need ...
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
2answers
104 views

Set Frequencies in WebApp

I am currently working on Web App to coordinate Frequencies of Microphones. I am not sure how to present the input of the Frequency. Basically a Frequency can be set in a range (eg. 400MhZ - 800 Mhz) ...
2
votes
1answer
52 views

What is the best way to let the user select a distance for a layer?

So I am creating a layer list using d3 and I have a question about how best let the user select distances. To give some background, the user will be selecting a geographic layer and will then be ...