Questions tagged [javascript]

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.

Filter by
Sorted by
Tagged with
1
vote
0answers
11 views

Styling a hint for relative numerical value

Background: I have a list of elements in a browser which each are a numerical distance away from the same origin point. I want to give a visual hint to quickly give a feeling for how far a list-item ...
2
votes
1answer
52 views

Client side sorting

I'm currently tasked with implementing client side sorting on specific page view for our application. Below is an example of how the UI for client side sorting works, basically a user can click on a ...
0
votes
2answers
90 views

How to handle blocking UI elements while waiting for server response

Lately I've been using React + Formik to create great user experiences. I've a question about blocking the UI when the XHR is still processing. Imagine a register form with only a sign up button. As ...
0
votes
2answers
170 views

Web design practices to minimize browser refresh [closed]

The design of our website is such that whenever we make some changes in CSS & JavaScript files we require the user to clear the browser cache and get the latest version of these files from the ...
0
votes
1answer
65 views

How to prevent downloading low-res images? [duplicate]

Context: I run a photography business that encourages people sharing photos without restrictions. My websites contains galleries of thumbnail images where each image links to the original, high-res ...
0
votes
1answer
40 views

What is the keyword for this effect: an animated person walks out from the bottom right corner of a website?

What is the keyword for this effect: an animated person walks out from the bottom right corner of a website? Better yet, any link to any provider that still exists today? Anybody know this may feel ...
0
votes
1answer
70 views

Best way to lay out sub elements in a table

I have a table that lists network switches. The headers are Model, Stack Size, and Modules. If the stack size is greater than 1, I want to be able to add the additional stack members under the lead ...
1
vote
2answers
68 views

How 'cloud of choices' is called correctly?

I'm working on a react-native app and I want to implement a similar interface, but I can't even find its name. Main task for this element would be to give users a "cloud of choices" where they could ...
3
votes
1answer
95 views

Dealing With The Lack of “HOVER” on Smart Phone Web Apps

I made this CardTrick back in 2006, at a time when it would have been predominantly accessed via a desktop computer (and not a smart phone). On a desktop computer, as the mouse hovers over any card, ...
4
votes
3answers
871 views

Where should keyboard focus go when a ‘load more’ content button is clicked

Where should keyboard focus go when a ‘load more’ button is clicked? On websites showing this functionality; either focus is moved to the top of the page when the button is clicked, or focus moves ...
2
votes
2answers
217 views

Is the absence of “Open in new tab” an antipattern?

Over the years with applications going more 'SPA' like I have noticed many sites using JavaScript click handlers for websites links which are visually a normal hyperlink (the login link on figma.com ...
0
votes
1answer
230 views

How to improve a scrollable dropdown section issue [closed]

I have an issue where the overflow of a scrollable list on a website is cutting off my dropdown menu. The scrollable list has a height constraint because it is in a modal which has a set height and ...
1
vote
3answers
323 views

Ways to show a div has more content

I'm basically a back end devlopper but I need to create a page displaying data in diiferent tables. Some of the data rows may contain very large content but I chosed to make all rows the same height. ...
0
votes
1answer
91 views

Display from multiple data sources

I am building a data grid presenting table-structured data (columns and rows) to end users. This grid contains about 500 records but of these records only 350 are distinct on some required fields. I ...
2
votes
2answers
540 views

Should you have a language switcher on a website or use the browser's language preference (or both)?

Since the user's language preference can be retrieved from navigator.language or the Accept-Language header, is it necessary to provide a language switcher on the page itself? Some reasons given to ...
0
votes
2answers
54 views

What is the best pattern for opening Mega Nav on touch device when parent Nav items are link to landing pages?

I have a mega menu opening on desktop, on hover over a parent nav strip. The parent nav items are links on click. The same menu is to be used on landscape tablet. Without on hover, click is used to ...
2
votes
2answers
5k views

Determine the best text color for a given background color [closed]

What is the best way to determine the best color for a text that will have good contrast and will be pleasing to the eyes (i.e. it can be either white, any shade of grey or black) with the help of ...
0
votes
1answer
107 views

How can I design my form better? [closed]

I have a price calculation form which looks very basic. I want to make it look little better. Like the '+' and '-' button look like bootstrap button and having a shadow. I also want to have a subtle ...
4
votes
2answers
172 views

Changing scrolling behavior - good use cases?

Some websites modify scrolling behavior, e.g. by changing scrolling speed, "smooth scrolling", or even snapping to sections on scroll. Personally, I find it incredibly annoying to have my scrolling ...
6
votes
1answer
583 views

Under what context is it acceptable to use javascript onbeforeunload behaviour

On a web page I can use the javascript onbeforeunload event to warn a user they are about to leave the page. window.onbeforeunload = function() { return 'Woah there, are you sure you want to ...
4
votes
3answers
466 views

Should a 404 error be kept in the browser history?

I am working on a script that I will most likely be using for all my future websites that prevents the page from refreshing/redirecting when navigating through it. It does this by Manipulating the ...
2
votes
2answers
1k views

Is there a pattern for an HTML select box that provides existing hardcoded values but also needs to be able to take custom input?

I have a menu of reference information, like below. download bmml source – Wireframes created with Balsamiq Mockups The above fields are progressively pre-populated by the system, and user has ...
3
votes
1answer
3k views

Nested Child rows in Table

I previously asked ux.stackexchange to help me with how to display configuration settings for a web application. Ways to display both string and boolean on page I've followed the suggestions and ...
5
votes
3answers
754 views

message that the user has JS disabled

I want to prepare a message for my users in case he/she has JS disabled. First of all I want to clarify that I will not make the site work without JS(it requires considerable coding work.) The ...
0
votes
1answer
152 views

Is it bad practice to prevent jump links from cluttering browser history?

I'm developing a website with rather long pages, where the user can click on hyperlinks to scroll up/down to elements of interest. This scrolling is done smoothly (using jQuery), to help maintain ...
6
votes
2answers
1k views

Is it bad practice to disable (replace) the context menu?

I'm working on a web platform where users can select/highlight text and perform selection-specific actions on the highlighted text. The current implementation shows a custom context menu on selection (...
1
vote
2answers
110 views

Blocked Resources: Should we fix the UX for users who block JS or other resources?

A site is built mostly in PHP and JS (link here: http://thebambergergroup.com/) Certain pages won't load or will work awfully when JS is blocked. Two questions: Should a site be programmed so that ...
2
votes
0answers
32 views

Looking for an effective way to allow people to put on a slide show of documents and videos [closed]

Currently we have this http://torontotigroup.byethost7.com/documents.html I'm looking for something that is easy to use, for both me and the reader, and works effectively on as many devices as ...
3
votes
1answer
103 views

Using Javascript popups to create a workflow for legal experts writing and editing legislation

I suppose this is a ui-flow question. I'm currently working on a project where a couple of the stakeholders are suggesting the use of popup windows, i.e. browser tabs, to create a workflow to ...
3
votes
2answers
127 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) ...
0
votes
1answer
126 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. ...
4
votes
6answers
8k 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 ...
4
votes
5answers
985 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 ...
6
votes
3answers
2k 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 ...
7
votes
4answers
3k 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 ...
2
votes
1answer
867 views

Preload or postload a text file for autocomplete jquery

I have to add an autocomplete implemented in jquery and my list of suggestions is approximately 300-400 key value pairs. About 15-20 kb total file size. Since the list is not going to change often, ...
3
votes
2answers
924 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
1answer
69 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 ...
0
votes
1answer
114 views

Best way to give user information on a layer

The Idea I have a layer list that is being created like this d3 version here and I want to append some sort of information icon to the lowest level nodes. To give some background, the user will be ...
0
votes
4answers
755 views

Better Approach for 4-level Tree Structure

I have a 4-level radio button list which is like: On page load, only the 1st level options are shown (Alpha/Beta/Gamma/Delta). Based on the value selected in the 1st level, the corresponding 2nd ...
28
votes
5answers
4k 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 ...
0
votes
2answers
265 views

Breadcrumbs - is this a valid use?

Recently we've received a design that uses breadcrumbs, but specifies a breadcrumb for a page that does not exist. In effect, the breadcrumb in question, relates to a section of a top-level page. We'...
0
votes
1answer
6k views

Which D3JS data chart is most similar to a scheduler?

I realize this is a borderline SO question. I am trying to figure out which of the examples on D3JS most closely resembles a scheduler or Gantt chart so I can use it in our app. I think bullet ...
3
votes
1answer
89 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 ...
0
votes
1answer
70 views

Disabled JavaScript notice, AFTER user signup?

My site relies heavily on JavaScript, and the site is based on user signup If a user is logged in and has javascript disabled, it throws a notice and disables all major site functions The question ...
0
votes
1answer
603 views

Interface for selecting/defining multiple mutually exclusive ranges

I have a requirement to create "brackets" for permissions based off the amount of a transaction. For example, a user assigned to the $10-100 bracket should have permission to modify all transactions ...
0
votes
1answer
108 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 ...
5
votes
2answers
855 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 ...
0
votes
2answers
351 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 ...
4
votes
3answers
408 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 ...