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
0 votes
0 answers
27 views

Best idea to convert table content for smaller screen

I have this design and now I am trying to figure out how to make this to work well for mobile screen as well. Since there might be more List, I figure that I can convert it to scrollable tabs so it ...
user avatar
0 votes
0 answers
22 views

Using on-page styles & scripts for entire website?

From observing dozens of my websites and their analytics, new visitors rarely browse more than 2 pages per visit and their return rate is even lower as no more than 10% - 30%. Does this mean serving ...
user avatar
  • 217
1 vote
0 answers
48 views

How can I prompt my site's users to scroll a table of data using (for instance) two-finger drag on their touchpad, rather than clicking the scrollbar?

I initially started off asking this question, on StackOverflow: I want to know if a user's touchpad has multi-touch capability. I think it's fairly trivial to detect WHEN multi touch is happening (or ...
user avatar
2 votes
3 answers
90 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 ...
user avatar
1 vote
1 answer
142 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 ...
user avatar
0 votes
2 answers
149 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 ...
user avatar
  • 103
0 votes
2 answers
172 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 ...
user avatar
  • 1
0 votes
1 answer
102 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 ...
user avatar
0 votes
1 answer
41 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 ...
user avatar
  • 245
0 votes
1 answer
116 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 ...
user avatar
  • 3
1 vote
2 answers
72 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 ...
user avatar
  • 113
3 votes
1 answer
102 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, ...
user avatar
5 votes
3 answers
1k 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 ...
user avatar
2 votes
2 answers
251 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 ...
user avatar
0 votes
1 answer
286 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 ...
user avatar
  • 1
1 vote
3 answers
334 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. ...
user avatar
  • 13
0 votes
1 answer
131 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 ...
user avatar
2 votes
2 answers
588 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 ...
user avatar
0 votes
2 answers
56 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 ...
user avatar
2 votes
2 answers
6k 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 ...
user avatar
0 votes
1 answer
109 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 ...
user avatar
  • 1
4 votes
2 answers
187 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 ...
user avatar
7 votes
1 answer
629 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 ...
user avatar
  • 828
4 votes
3 answers
542 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 ...
user avatar
2 votes
2 answers
2k 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 ...
user avatar
  • 287
3 votes
1 answer
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 ...
user avatar
  • 153
5 votes
3 answers
785 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 ...
user avatar
0 votes
1 answer
182 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 ...
user avatar
  • 65
6 votes
2 answers
2k 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 (...
user avatar
  • 65
1 vote
2 answers
133 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 ...
user avatar
2 votes
0 answers
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 ...
user avatar
3 votes
1 answer
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 ...
user avatar
  • 131
3 votes
2 answers
128 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) ...
user avatar
0 votes
1 answer
127 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. ...
user avatar
4 votes
6 answers
9k 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 ...
user avatar
4 votes
5 answers
1k 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 ...
user avatar
7 votes
3 answers
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 ...
user avatar
  • 173
7 votes
4 answers
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 ...
user avatar
  • 171
2 votes
1 answer
898 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, ...
user avatar
3 votes
2 answers
1k 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 (...
user avatar
  • 143
2 votes
1 answer
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 ...
user avatar
  • 3,022
0 votes
1 answer
119 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 ...
user avatar
  • 3,022
0 votes
4 answers
798 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 ...
user avatar
28 votes
5 answers
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 ...
user avatar
  • 425
0 votes
2 answers
269 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'...
user avatar
  • 1
0 votes
1 answer
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 ...
user avatar
  • 591
3 votes
1 answer
96 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 ...
user avatar
  • 305
0 votes
1 answer
71 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 ...
user avatar
  • 274
0 votes
1 answer
622 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 ...
user avatar
  • 103
0 votes
1 answer
113 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 ...
user avatar
  • 111