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).

Filter by
Sorted by
Tagged with
4 votes
1 answer
389 views

Get visitor current city via API or display the city the user searched for

I am writing a simple PHP script to display all my available stores in google map. If the user just came in, I need to set the user current city as default city using geolocation (3rd party); ...
Cooperative's user avatar
1 vote
1 answer
67 views

Sine function guessing cognitive app

Please help with improving this application. It is a guessing game, for learning the values of the sine function, and boosting brain power in the process. ...
Attila Vajda's user avatar
1 vote
0 answers
23 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 ...
Sergey's user avatar
  • 541
1 vote
1 answer
131 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 ...
WartyWarthog123's user avatar
1 vote
0 answers
29 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 ...
pcinfogmach's user avatar
2 votes
2 answers
204 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 ...
ControlAltDel's user avatar
1 vote
0 answers
33 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 ...
musava_ribica's user avatar
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 ...
user avatar
0 votes
0 answers
30 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 ...
user avatar
0 votes
0 answers
47 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 ...
user avatar
0 votes
0 answers
31 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 ...
user avatar
2 votes
0 answers
34 views

Colorproof dust effect

A combination of various css transitions (background-color, box-shadow, opacity, ...
user avatar
-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 ...
matj1's user avatar
  • 9
2 votes
1 answer
162 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 ...
hestia's user avatar
  • 21
5 votes
1 answer
183 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. <...
FeDev's user avatar
  • 61
3 votes
2 answers
64 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://...
Attila Vajda's user avatar
1 vote
2 answers
144 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 ...
HTMLNerd_1's user avatar
0 votes
3 answers
125 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. ...
Delfino's user avatar
  • 509
-1 votes
0 answers
71 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 ...
HTMLNerd_1's user avatar
2 votes
1 answer
125 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 ...
HTMLNerd_1's user avatar
2 votes
0 answers
233 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, ...
Ultimate's user avatar
  • 143
2 votes
1 answer
69 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. ...
Lucas's user avatar
  • 21
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 ...
Injaa's user avatar
  • 31
0 votes
1 answer
510 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: ...
pileup's user avatar
  • 421
2 votes
0 answers
57 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 ...
commissioneranthony's user avatar
1 vote
1 answer
641 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 ...
Lucio Mazzini's user avatar
4 votes
1 answer
183 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 ...
766F6964's user avatar
  • 901
1 vote
1 answer
242 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 ...
Ultimate's user avatar
  • 143
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, ...
766F6964's user avatar
  • 901
4 votes
1 answer
189 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 ...
Lucio Mazzini's user avatar
4 votes
1 answer
718 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 ...
Lucio Mazzini's user avatar
1 vote
1 answer
123 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 ...
XMehdi01's user avatar
  • 459
6 votes
4 answers
689 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 ...
Mori's user avatar
  • 95
3 votes
1 answer
181 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, ...
davidsi02's user avatar
  • 229
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? ...
Salvius Fernandes's user avatar
3 votes
2 answers
652 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? ...
julio's user avatar
  • 199
4 votes
1 answer
105 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 ...
Captain Man's user avatar
2 votes
0 answers
57 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 (...
alvas's user avatar
  • 705
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 ...
Shinzie's user avatar
  • 51
1 vote
1 answer
87 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 ...
Nathan Hoy's user avatar
2 votes
2 answers
145 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: <...
pileup's user avatar
  • 421
1 vote
2 answers
552 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 ...
Ultimate's user avatar
  • 143
1 vote
0 answers
66 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: ...
Ash's user avatar
  • 11
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 ...
Yasin's user avatar
  • 21
1 vote
0 answers
48 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 ...
gglin's user avatar
  • 11
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),...
retep's user avatar
  • 179
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 ...
Ultimate's user avatar
  • 143
4 votes
2 answers
87 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 ...
Delfino's user avatar
  • 509
-1 votes
1 answer
66 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 ...
Rusurano's user avatar
  • 109
1 vote
1 answer
327 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 ...
Anm's user avatar
  • 141

1
2 3 4 5
37