Skip to main content
Share Your Experience: Take the 2024 Developer Survey

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.

Filter by
Sorted by
Tagged with
2 votes
1 answer
101 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 ...
Ooker's user avatar
  • 201
0 votes
1 answer
36 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 ...
KamilCuk's user avatar
  • 101
3 votes
2 answers
169 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 ...
rklec's user avatar
  • 53
1 vote
2 answers
179 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:/...
AlekseyHoffman's user avatar
1 vote
1 answer
61 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 ...
Attila Vajda's user avatar
5 votes
0 answers
491 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 ...
user2628206's user avatar
1 vote
0 answers
44 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 ...
MrKnowsNothing's user avatar
1 vote
2 answers
75 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 ...
PeakMars's user avatar
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 ...
anup's user avatar
  • 149
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 ...
DumbMathBoy's user avatar
4 votes
2 answers
173 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: ...
Jack's user avatar
  • 41
3 votes
1 answer
152 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 ...
eccentricOrange's user avatar
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 ...
pevers's user avatar
  • 1
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 ...
Sean's user avatar
  • 327
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 (...
Cristian Buse's user avatar
2 votes
2 answers
107 views

Javascript convert number string to Boolean

I'm making this control toggle between hide and show base on the value in this hidden value. I wanted to use a Boolean because I ...
Jefferson's user avatar
0 votes
1 answer
193 views

Building user friendly inputs on a mobile device

I am working on an e-commerce website. The home page has 2 inputs: Looking for and Location. The user would enter their desired product and location and click on Search as shown below: The first ...
Hooman Bahreini's user avatar
1 vote
1 answer
152 views

Notes Saver Application in tkinter python

I completed my Notes Saver project in python tkinter and now I want to get it reviewed. I want to how I could - Improve my hashing system. Improve my notes encryption system. Improve the UX. Improve ...
Random_Pythoneer59's user avatar
0 votes
1 answer
273 views

HTML table with repeatable rows and live-calculated column totals with row grouping indication

I created a quick "demonstration of proposal behavior" tool for my post on MSO: A proposal to put ALL answerers on a path to curating better content. Because I have never asked for a review ...
mickmackusa's user avatar
  • 8,674
2 votes
0 answers
814 views

Create a map where countries can be selected using react-leaflet

I've only just started learning javascript and decided to try and make a simple app where individual countries can be selected, highlighting them, and the name appearing in the top corner. The code ...
Zac L's user avatar
  • 63
6 votes
1 answer
682 views

JavaScript discrete slider web component

The standard HTML range input element suffers from a number of limitations that caused me to implement the web component presented here. First, it is unnecessarily complicated to style the standard ...
ackh's user avatar
  • 245
3 votes
1 answer
355 views

Make roads contrast with Google Maps

EDIT: I turned down the brightness on my monitor using the graphics options for the video card. This solved the issue. How this setting changed is a mystery... I am leaving this up because googling it ...
S. Melted's user avatar
  • 221
4 votes
2 answers
131 views

PATM Generator GUI

I've been practising trying to write my code neater, so decided to build a practice GUI, the code works, However, how could I tidy this up in terms of separating out the different parts of the GUI, ...
Sheik-Yabouti's user avatar
2 votes
1 answer
114 views

Read database from IO context and update UI from Main context in Kotlin

Still a bit new to Kotlin and coroutines, so I want to learn best practices. The following code seems to work as expected in it's original context, though the naming has been tweaked here. The list of ...
steve_79's user avatar
2 votes
1 answer
403 views

Infinite Slider Conversion to Prototype

I've found the following example of an infinite slider to use on a project but as I will have multiple instances I have converted it to a prototype. The original example https://medium.com/@...
Bagseye's user avatar
  • 401
2 votes
1 answer
45 views

Validating initial inputs then a joint validation test

The code works as intended but I believe it is very inefficient. The calculation of weights is simple, but I imagine this would be silly, for example, a 100 asset portfolio. The first problem is that ...
BAMIR's user avatar
  • 21
1 vote
1 answer
69 views

Optimising multiple string splits and concatenations

I'm writing a program in Unity and am using a TextMeshProUGUI object (named history) to hold a list of messages to act as a ...
user avatar
3 votes
2 answers
1k views

Is my Python tkinter application properly structured?

I started a simple OOP GUI project with tkinter in Python since I've been studying the basics for a while, but I'm not sure if my code is properly structured and following the programming conventions. ...
Guilherme's user avatar
3 votes
1 answer
313 views

Javascript Slider that controls TinySlider - feels inefficient [closed]

I feel like the main point of inefficiency is how I create "notches" and must loop through all of the created notches every time the value for the slider is changed. ...
peter k's user avatar
  • 31
9 votes
2 answers
925 views

GUI for a quiz tool or game

I just started working on a little project to help me study for a course I'm taking. Is there anything I can do to improve code readability / bad practices? I had to remove most of the labels and ...
JGProgrammer's user avatar
2 votes
1 answer
184 views

How to properly write code for Java Swing

basically I'm learning Java Swing by myself and I'm wondering what is the correct way to wrote code for it? I don't want to have a big class with everything in it and I want to do in the most "correct"...
TheBleccbird's user avatar
2 votes
1 answer
652 views

Creating an empty Sudoku grid

I am generating a 9x9 grid on which I will play sudoku later by setting click listeners to each square on the grid. I first have a .xml file that represents a single square in the grid. This consists ...
Daniel Duque's user avatar
5 votes
2 answers
432 views

Dropdown menu that opens on click using plain Javascript

I made a simple dropdown menu which opens when clicked, and closes when the user clicks anywhere outside the menu. The following is the codebase: ...
darkhorse's user avatar
  • 418
3 votes
2 answers
69 views

UI code for save editor

I'm wondering what I could do to improve the function that handles initializing the UI. I think it looks disgusting. Any ideas on what I could do besides splitting the code up into multiple functions ...
Confettimaker's user avatar
2 votes
3 answers
358 views

Google homepage beginner project

I was hoping to get some feedback on my basic recreation of the google homepage. Im doing the Odin Project learning course and this was the first project trying to use the basics of HTML/CSS HTML ...
Yummy275's user avatar
  • 505
-1 votes
1 answer
1k views

Try-catch-finally snippet [closed]

Using visual studio I created a snippet which helps me surround my already written or new code into a try-catch-finally block. I use axios for REST so there had to be separate error handling method so ...
Suleman's user avatar
  • 169
1 vote
1 answer
1k views

Grid of radio buttons in Android

I want to display multiple radio buttons in a layout with multiline style as an item inside a RecyclerView. Look at the code I provided below and suggest how I can ...
Android Developer's user avatar
3 votes
1 answer
371 views

Filling A Linked List With Data From File And Handling User Status Messages

I have completed an university assignment on C. While the code is fully functional based on the specifications of the exercise, I like high-quality code and would like to ask for opinions on how can ...
NickDelta's user avatar
  • 165
4 votes
1 answer
190 views

A small PHP library for styling terminal output

I've attempted to make a small PHP library for styling terminal output using ANSI escape sequences. The repo is located here. To be honest, I am not really satisfied with the current structure of my ...
Trung Tran's user avatar
2 votes
2 answers
142 views

responsive login page (html/css only) [closed]

I'm working on a responsive login page (open source). Could you try to review a bit the code on Github ? ...
eloisb's user avatar
  • 21
2 votes
1 answer
318 views

Table View Controller class in Swift

My TableView consists of four cells (for blacklisting categories) with a boolean property (indicated with a checkmark) and another cell with a UISwitch embedded in ...
Richard Robinson's user avatar
4 votes
1 answer
5k views

Onclick radio buttons to change background color

We are displaying two radio buttons in page. Click on Radio buttons, it will change background color. Is there any way to improve the quality of the code? ...
vickey colors's user avatar
6 votes
3 answers
724 views

Implementing a customized helpful hints function which includes docstring but much shorter than Python help()

When I show others how to use this module I have them make a PROJECT instance and then add other objects. ...
uhoh's user avatar
  • 473
2 votes
0 answers
67 views

Generic DialogueBox class with different parameters

I have implemented a DialogueBox class which can be static, singleton, service locator, etc. I have written it as a singleton pattern and implemented it in Unity3d engine. It is a part of a game. I ...
Mahdi's user avatar
  • 121
4 votes
2 answers
608 views

Python coin flipper with GUI

I am doing some simple projects in an attempt to get good at programming, this is my first GUI would love some feedback, and some guidelines. ...
skyn37's user avatar
  • 117
4 votes
1 answer
190 views

Simple view for CRUD with miglayout

I have created the following view extending the JPanel class, the objective of this view is to allow the user to perform 3 CRUD operations create,delete and modify on the entity "Attribute", this ...
Bryan Romero's user avatar
3 votes
1 answer
4k views

FCC: Product Landing Page - HTML & CSS only

I have created a product landing page for a freeCodeCamp responsive web design project which requires me to create a "Product Landing Page". Requirements to keep in mind: ...
Ayudh Khajne's user avatar
3 votes
1 answer
166 views

Plain Page Flip Effect

I've created a very plain version of page flip onscroll. I made it to look like turning the pages of a book. It looks OK on browsers I have (Firefox 52.9, Chrome 49, IE8). Though the effect doesn't ...
Zechariah Raman's user avatar
1 vote
1 answer
976 views

Loop through different controls and enabled the state of the whole group VBA

I got the below code that is looping through all controls and changing the state in a after update event and enables new row for user to use. Everything works fine but i'm just wondering whether there ...
QuickSilver's user avatar
2 votes
1 answer
85 views

User-friendly script for searching through log files

A BASH script that ask users simple questions and greps the syslog archive files (plain-text and gzipped). The script is fully working; I am looking for advices on: Coding style Possible ...
Alexander's user avatar
  • 257