Questions tagged [user-interface]
The part of the application that users directly interact with. Use this tag for reviews of code that defines how an application's user interface works and looks.
143
questions
2
votes
1
answer
107
views
How to manage array of states effectively?
I have a working code to have 2 search bars with dropdown suggestions, selectable by both mouse and arrow keys in TypeScript and Fresh/Preact. In there I have to explicitly declare individual hooks ...
0
votes
1
answer
38
views
What command line options style is the best for command similar to `scp`? [closed]
I am writing a command line tool to copy files to or from locations, which can be a path inside a task inside a running Nomad task. The location can be either a stream or location on the local ...
3
votes
2
answers
181
views
Truncating/abbreviating strings in the middle with an ellipsis (…) (or other) separators with a fixed character limit
Problem
For some user-facing string, I want to truncate it to some given maximum length (also useful for file name/path lengths on Windows etc.). However, I want to do it a little more elaborately ...
1
vote
2
answers
180
views
Virtual scroller Vue component
Problem
The scrolling looks smooth on Windows, but very laggy on Linux (Webkit webview and Webkit browsers).
Any thoughts on what could be optimized or what's obviously broken?
Demo playground:
https:/...
1
vote
1
answer
63
views
Clock time validation app, cognitive exercise, minimal viable product
How to improve this code, how to make it accessible to get user feedback?
This is a minimal clock time validation app. There is a clock face and the user is asked to validate the time the clock hands ...
5
votes
0
answers
501
views
Implementing a Basic Camera UI using WebGPU and JavaScript
Context
I am currently in the process of throwing myself into learning graphics programming, and my chosen platform is using JavaScript and WebGPU. After successfully making a basic glTF JSON renderer ...
1
vote
0
answers
45
views
Enable a textbox when the previous one is no longer empty
I've written this JavaScript code, which disables textboxes if the previous textbox is empty. This is so people enter the text in order — write first in the first textbox, only then the second textbox ...
1
vote
2
answers
76
views
UI of a text-based game with simple print statements
I am writing a simple text adventure in python that will eventually have the capability of running other text adventures within it, but my code is all over the place and the UI is terrible. What are ...
1
vote
0
answers
98
views
Back navigation handling for web app
I need to implement back navigation handling on multiple pages of my react application. Currently I have added an alert on when the browser back button is clicked. I would like to optimize my code and ...
3
votes
1
answer
237
views
Responsive Navigation with hamburger menu
This script creates a hamburger menu when the window is resized. It will also create a sticky navigation when the window is scrolled down, which will also create a hamburger menu when the window is ...
4
votes
2
answers
174
views
Python Tkinter UI Pattern Password Code
This post is less of a question and more of a hope for people to see my code which I know is far from great and give me some direction or simple tips on improving the quality of it.
Normal Stud:
...
3
votes
1
answer
153
views
Newspaper Bill Calculator CLI with Python (2 of 3, CLI)
Code is posted after explanation.
Due to the size of the project, this is being posted in three separate posts. This also ensures each post is more focused.
Post 1 of 3, Core: Newspaper Bill ...
0
votes
1
answer
38
views
My code is meant to be an accessible website with dynamic sizing. Could you analyze my page structure for any opportunities to optimize it?
Been learning front-end web development on the side on and off for the past few months. I don't really have any mentors to reach out to to look at my code so I thought I'd see if anyone here was ...
2
votes
0
answers
169
views
Accessible nested multiselect list
I'm trying to figure out the most accessible and semantic way to allow users to select one or more options from a hierarchical list. Think a taxonomy of categories and subcategories.
I came across a ...
19
votes
0
answers
1k
views
Progress Bar for Excel
Any future updates can be found at Excel-VBA-ProgressBar
What I've been using so far
For the last 6 years I've been using a progress form which I wrote in VBA using just Windows API calls. The code (...