Questions tagged [html]
HTML (Hyper Text Markup Language) is the standard content markup language of the web. It is an open standard developed and maintained by W3C (World Wide Web Consortium).
1,821
questions
1
vote
0
answers
15
views
User Management System: a web app for management of user records (Part II: Frontend)
Note: It's Part II of the User Management System project, focused on the frontend. See Part I here.
Here's the frontend part. I want to note that I realized even back then that copy-pasting a huge ...
1
vote
1
answer
104
views
Need help condensing my code so it takes up less lines and it easier to interpret
Description is at the bottom
Here is a link to all the code: Link
...
1
vote
0
answers
25
views
HTML Treeview Code with JS for Search
I'm reaching out to share a recent project I've been working on – an HTML Treeview code with JavaScript integration for search functionality. This code enables users to search through the tree ...
2
votes
2
answers
197
views
Is showing an HTML file that the client uploads safe?
I have created two pages (one straight HTML, the other PHP) to show an HTML file in the context of my server. The reason for this is simply to get access to / the styles in the CSS spreadsheets - not ...
-1
votes
0
answers
38
views
Color diffusion effect
Color diffusion effect developed around opacity and transition css properties of two overlapped div elements.
...
1
vote
0
answers
30
views
Svelte - Modal window with dark background and appear/disappear animations
I created this code in Svelte which will show a modal and remove it when the background is clicked, based on a native JavaScript implementation I wrote earlier.
In the *.svelte files, I put the focus ...
1
vote
0
answers
42
views
Pulse effect on event driven architecture
Event driven architecture implementation resembling pulsing with configurable softness (intense, mild, subtle), pulsing mode (inhale, exhale), pulsing frequency (plain, dense, breathe), number of ...
0
votes
0
answers
28
views
Bidirectional typing effect
Implementation supporting both typing directions from left to right and from right to left. It also supports alternating typing directions and configurable letter spacing. With monospace font the ...
0
votes
0
answers
46
views
Ascend animation followed by hover effect
This CSS code creates an animation that describes a random movement using the CSS transition property for box-shadow which ...
0
votes
0
answers
30
views
Colorproof dust effect (second thought)
The colorproof dust effect could be enhanced with positionproof feature getting the position of the dusted element (dust container) from its getBoundingClientRect ...
2
votes
0
answers
32
views
Colorproof dust effect
A combination of various css transitions (background-color, box-shadow, opacity, ...
-1
votes
2
answers
50
views
I would like to horizontally align a HTML element to a specific place in the document [closed]
How can I horizontally align one HTML element to one elsewhere in the document? I came up with this solution aligning “aligned text” with “| text after alignment”, but I think that it is not good ...
2
votes
1
answer
139
views
auto image slider in js and css
I was just wanting a code review on this image slider I made. I don't have anyone else to give me their opinion on the code I write outside of work, so I'm asking here.
okay so i had made an image ...
5
votes
1
answer
177
views
Tic-tac-toe with JS
I am a beginner and was hoping for some honest feedback on my js code. I struggled quite a bit on this, I did ask gpt to explain some concepts which I find it’s good for but wrote it all myself.
<...
2
votes
2
answers
62
views
Paragraph structure template generator refactoring
This is an app that generates random statement types, and basic conjunctions. How to improve its readability and function? How to deploy this code app online? This is the GitHub repository: https://...
1
vote
2
answers
139
views
Rubik's cube scrambler with timer and list of solves
This is a work in progress Rubik's Cube scramble generator with timer and list of solves. The list of solves is stored using localstorage so that it stays on page reload. A solve can also be deleted ...
0
votes
3
answers
123
views
A Tic Tac Toe Game Made With Javascript
I just finished creating a Tic Tac Toe game in Javascript, but now am wondering if there are ways I could improve upon the code I've written for it. Mind the lack of CSS here.
...
0
votes
0
answers
70
views
Html and CSS editor that runs and saves code
I decided to create this project to put my JS skills to the test mostly, and it works well. It is a HTML and CSS editor that saves your code to localstorage and ...
2
votes
1
answer
119
views
Simple JS Password System
I created a simple password system using HTML, CSS, and JS to quiz myself on my variable, localstorage, and if and else ...
2
votes
0
answers
215
views
Multi Step Form using React
I recently completed the Multi-Step Form Challenge on Frontend Mentor using React, and I'm eager to receive constructive feedback on my code. I've put in a lot of effort to make the form functional, ...
2
votes
1
answer
68
views
Reorganice (and style) form's output in HTML using JQuery: how to do it better?
To clarify: The code in "What I achieved" is working. I'm looking for suggestions so I can improve.
I'm quite new with JQuery (and javascript) and I've been learning while styling a forum. ...
3
votes
1
answer
46
views
Makeshift CSS/HTML Only Text Variables
I made a template for a thing that displays the technical stats of 3D art. To make it quicker to fill in the numbers and because I can't use JS for this: I use custom properties and spans to make ...
0
votes
1
answer
391
views
Simple custom time input
I wanted to make a simple time input and not the built-in one which is not consistent on browsers.
I did the following:
...
2
votes
0
answers
55
views
My Electronics Project Blog
I have been wrapping up the markup for my personal electronics project website, https://www.salvagedcircuitry.com. I write about designing, repairing and producing electronics, along with some ...
1
vote
1
answer
588
views
Minesweeper game with HTML & CSS & JavaScript
I made a Minesweeper game using HTML, CSS and JavaScript and would like to ask for advice and feedback specifically on the code.
Here are some questions to review:
Is the use of HTML semantics ...
4
votes
1
answer
177
views
Blog site generator in python
Summary:
This project is a simple static blog site generator written in python, utilizing pandoc to convert posts written in Markdown to HTML. It is essentially a follow up to my previous post: blog ...
1
vote
1
answer
237
views
Calorie Calculator
I have developed a calorie-tracker webpage and would appreciate some feedback on it. I'm particularly interested in optimizing performance, improving code readability, and ensuring best practices are ...
12
votes
3
answers
1k
views
Blog site generator written in shell script
Since I am not a fan of having using large web-frameworks and libraries just to setup a simple blog, I decided to write my own static blog site generator in pure shell script.
The script uses pandoc, ...
4
votes
1
answer
187
views
Hangman Game in HTML + CSS + JS
I recently developed a hangman game with HTML, CSS and JavaScript and I would like to get your feedback and tips to improve it. The goal of the game is to guess a secret word before 6 incorrect ...
4
votes
1
answer
635
views
Rock, paper, scissors with HTML & CSS & JS
I started studying web development a few months ago and to practice my skills I decided to do the game of rock, paper, scissors.
Here are some questions for review:
Is the use of HTML semantics ...
1
vote
1
answer
119
views
Form Validation Code Optimization in HTML and JavaScript"
I've been working on a simple form validation code in JavaScript coupled with an HTML form. The form asks for user's basic information, including name, email, country, gender, and skills. There's a ...
6
votes
4
answers
681
views
HTML Editor: online HTML editor with real-time preview
Overview
HTML Editor is an online HTML editor with a minimalist approach. Edit your HTML, CSS, and JavaScript code and monitor the instant live preview. It can also create, open and edit other types ...
3
votes
1
answer
179
views
Cargo truck travel management
With the code I'll provide my objective is to build a map (table) based on the trips the truckers should do for each week with all of the charge/discharge operations. I do not need a deep analysis, ...
1
vote
0
answers
50
views
Weather and health app
This is a weather app that provide health and weather details based on the location you enter. Can someone help me to review my code?
...
3
votes
2
answers
634
views
PHP HTML form Class - so far so good?
I am writing this class to render HTML forms. It is working as expected, so far. There are many things to be done yet (including testing). Is it ok to keep this way?
...
4
votes
1
answer
103
views
Legend of Zelda: Breath of the Wild armor upgrade materials tracker
There are plenty of these online already but none of them quite fit what I wanted. I've been meaning to learn some more front-end stuff so I decided to make one myself. I know some JavaScript but ...
2
votes
0
answers
53
views
Simplified HTML parsing for LEGO features
The goal is to extract the the Features section from a Lego product page. In the Features section, usually there's a header (...
5
votes
2
answers
634
views
Display properties of a country, from online service
I'm currently learning Vue JS and I made a simple app that pulls information from API and displays facts about a country given a 2-letter country code. I'm looking for feedback on how to improve the ...
1
vote
1
answer
85
views
Counting Ads in webpage using XPath and EasyList in Python
I have the following the function the retrieves a given webpage and returns the number of adverts that are on the page using a shortened version of EasyList (17,000 rules). Using multiprocessing, this ...
1
vote
1
answer
112
views
Text input with currency icon in the center
I want to have a input element for currency where there is a currency icon always at the center (but it adjusts according to the number of digits)
Something like:
This is what I've come up with:
<...
1
vote
2
answers
526
views
Split the Bill and calculate the Tip
I have created a Bill Splitter page that asks for the total bill amount, tip percentage, and the number of people. Then it displays the tip and the total amount (including the tip) each person has to ...
1
vote
0
answers
65
views
A JS banner animation using Greensock library
This is JS animation using Greensock's timeline feature as a learning assignment. I don't have a lot of experience with JS so not sure how to optimize it/clean it up. Here's HTML:
...
1
vote
1
answer
154
views
Simple calculator project
This code displays a simple decimal calculator with operations like add, subtract, multiply and divide. It also has a function to clear the result.
I try to reduce code repetition. I still think I ...
1
vote
0
answers
46
views
Display tags on the page coming from the server
There is a site with posts that have tags. The site has a search for these tags, that is, you enter words / letters separated by a space and tags are displayed for you by matches. These tags can be ...
4
votes
0
answers
170
views
constraint solving graduation using HTML Parsing, pandas, and z3
not sure if this project fits on code review, but my code is getting extremely messy, and would love some tips to clean it up!
Overview
The project is designed to take in an HTML file (a degree audit),...
1
vote
1
answer
129
views
Sign Up Page - A mini Frontend Project
I have designed a a small frontend project, a sign-up page. It uses HTML, CSS, JavaScript and jQuery. Being a beginner to frontend development, I want to adapt to all the best practices. I am looking ...
4
votes
2
answers
85
views
Vue.js - Sierpinski Triangle
Below is a Vue app I wrote to draw a Sierpinski Triangle given n iterations, which can be incremented/decremented via a HTML ...
-1
votes
1
answer
60
views
Bootstrap card component [closed]
I am using Bootstrap v5.3 to create a card layout, and I want it to be SEO-friendly (see this link for my SEO-friendly criteria).
Below is my card component I wish to optimize and, if possible, to ...
1
vote
1
answer
299
views
adding characters on mouseover using Svelte
This is my first time using svelte. I am also using tailwind and astro but that is irrelevant. The following component prepends >> to my text when it is ...
3
votes
1
answer
264
views
Piet Mondrian Painting with HTML & CSS
a few weeks ago I started learning Flexbox and to practice my skills I did the following exercise:
Piet Mondrian was a 20th century Dutch painter whose paintings
emphasized simple geometric elements.
...