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
1
vote
0
answers
17
views
Determine the maximum content size for a box such as a modal dialog
For a personal project, I try to write as much of my own code as possible, minimizing the use of libraries. I have a dialog box which contains an image and an arbitrary number of other elements that ...
- 6,102
2
votes
1
answer
111
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 ...
- 6,102
3
votes
1
answer
129
views
Simple React component to view cached data and test result from API
This is only the front end side of things which I have at the moment, as the back end is still being worked on. But as this is my first attempt at a react component, I'd like to know if there is ...
CommunityBot
- 1
0
votes
1
answer
40
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 ...
- 34.8k
3
votes
2
answers
215
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 ...
- 9,849
1
vote
2
answers
184
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:/...
- 28.3k
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:
...
CommunityBot
- 1
1
vote
1
answer
64
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 ...
- 34.8k
5
votes
0
answers
516
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 ...
- 28.3k
0
votes
0
answers
48
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 ...
- 28.3k
1
vote
2
answers
79
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 ...
- 65.3k
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 ...
CommunityBot
- 1
5
votes
1
answer
355
views
Wrapper around a Python API for creating user interfaces
I am writing a wrapper around the GeUserArea class of Cinema 4D's Python API to enable creating user interfaces using an object orientated interface.
I've already ...
CommunityBot
- 1
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 (...
4
votes
2
answers
180
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:
...
- 28.3k
3
votes
1
answer
154
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 ...
- 144k
2
votes
2
answers
110
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 ...
- 28.3k
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 ...
- 678
2
votes
0
answers
179
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 ...
- 50.4k
0
votes
1
answer
213
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 ...
- 28.3k
1
vote
1
answer
155
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 ...
- 3,032
6
votes
1
answer
697
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 ...
- 28.3k
0
votes
1
answer
278
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 ...
- 22.3k
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 ...
CommunityBot
- 1
2
votes
0
answers
819
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 ...
- 28.3k
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, ...
- 153
2
votes
1
answer
413
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/@...
- 28.3k
2
votes
1
answer
119
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 ...
- 10.4k
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 ...
- 34.9k
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 ...
- 43.5k
1
vote
1
answer
70
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 ...
- 622
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. ...
- 7,568
3
votes
1
answer
314
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.
...
- 28.3k
3
votes
2
answers
118
views
Single page site with navigation bar
I've made a simple one page site to practise using Bootstrap. Could you please look at the HTML & CSS and check for possible improvements?
Here's a page.
HTML
...
- 28.3k
9
votes
2
answers
926
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 ...
- 2,861
2
votes
1
answer
187
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"...
2
votes
1
answer
658
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 ...
- 131
5
votes
2
answers
454
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:
...
- 28.3k
3
votes
2
answers
73
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 ...
- 34.9k
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 ...
CommunityBot
- 1
5
votes
1
answer
4k
views
Class-based user input validation
Having contributed to this Community Wiki on StackOverflow regarding validating user input, I thought I'd finally sit down and write something more robust to do these kinds of tasks. I wanted ...
- 13.9k
-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 ...
- 34.9k
4
votes
1
answer
191
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 ...
- 28.3k
3
votes
1
answer
2k
views
Keeping UI responsive while performing long running task
I recently asked for some advice on the best way to structure my code for a program I was writing. (see this question on Programmers.SE). The solution I was given was quite elegant, however I am less ...
- 13.9k
3
votes
1
answer
373
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 ...
- 81.7k
1
vote
1
answer
7k
views
Login page without header/footer bars
I'm creating an app where the login page doesn't have the header/footer bars that the pages, after being logged in, would have. I've created an example that works, but I'm unsure if I am using the ...
- 7,278
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 ?
...
- 21
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?
...
- 28.3k
2
votes
1
answer
319
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 ...
- 2,552
3
votes
1
answer
168
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 ...
CommunityBot
- 1