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
1 vote
1 answer
81 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
-1 votes
0 answers
20 views

Is it possible to have a "professional" take a look at my whole HTML / CSS Project here? [migrated]

Is it possible to upload an entire HTML/CSS code project on this site for review, rather than just a small code snippet? I'm currently workin on a r/place clone and while my code works fine, it would ...
Baseult's user avatar
0 votes
2 answers
71 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
0 votes
0 answers
62 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
92 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
1 vote
0 answers
122 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
  • 123
0 votes
0 answers
47 views

A web component for rendering radial pie charts in HTML documents

Intro In the previous iteration, I was advised to produce a web component. See what I have: Code rodde-radial-pie-chart.js: ...
coderodde's user avatar
  • 27k
2 votes
1 answer
64 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
2 votes
0 answers
33 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
  • 21
0 votes
0 answers
103 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
  • 361
2 votes
0 answers
45 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
330 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
165 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
205 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
  • 123
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
177 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
326 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
97 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 ...
XM01 - stands with Palestine's user avatar
6 votes
4 answers
646 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
165 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
49 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
582 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
2 votes
1 answer
82 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
47 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
630 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
67 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
1 vote
1 answer
77 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
  • 361
1 vote
2 answers
428 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
  • 123
1 vote
0 answers
53 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
151 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
40 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
168 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
  • 169
1 vote
1 answer
125 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
  • 123
4 votes
2 answers
81 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
55 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
211 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
3 votes
1 answer
233 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. ...
Lucio Mazzini's user avatar
2 votes
2 answers
255 views

React component which uses another component for rendering

Having this React component: ...
Leo Messi's user avatar
  • 181
3 votes
1 answer
1k views

Setting default of <options> in Laravel with PHP Match

I have a filter component that lets a user filter for events on a website. The user needs to see which category is currently selected in the filter. For this there is a URL with parameters. e.g. ...
Maximilian's user avatar
2 votes
1 answer
145 views

PHP Bootstrap Autoloader

I wrote an PHP Autoloader to include it "easyer" to my projects. Here the folder structure: ...
NvrKill's user avatar
  • 193
0 votes
1 answer
77 views

Ajax to load data for company products without refreshing the page

I am using AJAX script to fetch data from a database. For example, it has Motorola Samsung Apple as company and I use AJAX to fetch models of it, so that when Apple is selected then it shows Apple ...
Ruchika's user avatar
  • 103
0 votes
1 answer
58 views

AJAX script to load data for mobile phones from table

Am using AJAX script to have data fetched from database. For example has Motorola Samsung Apple as company and using AJAX to fetch models of it. Like when apple is selected then it shows apple ...
Ruchika's user avatar
  • 103
1 vote
1 answer
124 views

First big project using vanilla js and pure css

If i can get a some reviews and suggestion on the code it would be highly appreciated. ( Please check the flowchart i've created first https://github.com/chetinn/Memory-Map-JS/blob/main/Memory%20Map%...
Chetinn's user avatar
  • 81
1 vote
1 answer
174 views

All-JavaScript WhatsApp button

The following code creates a WhatsApp button. How would you improve this code? ...
pointy's user avatar
  • 11
0 votes
1 answer
60 views

Wrting A Movie app , must be a better way

I am trying to get the value from the from and and pass it to the API and output the result to the DOM. The code works fine but I am 1000% sure there is a better way to write THIS. Thanks for the help ...
just Props's user avatar
0 votes
1 answer
123 views

Random music plays when one stops

I have this script and I want to ask if it's good/optimal and if it's not how should I change it? What it's doing is when the website loads music, it starts to play when the user clicks prevent play() ...
Avarasd's user avatar
  • 11
1 vote
0 answers
54 views

Three HTML dropdowns, where some options get disabled depending on earlier selections

I am making several dropdowns dependent on each other. Data used to form dropdowns: ...
Hello World's user avatar
5 votes
3 answers
2k views

Heartbeats per minute in vanilla HTML JS

Attached is a fun little snippet demonstrating a button to be clicked along with your heartbeat and see how many beats per minute you're at. This is a mwe of the concept, any feedback is appreciated. ...
async await's user avatar
2 votes
1 answer
104 views

Chomp game in javascript

I tried to make a 2-player Chomp game in javascript: ...
Carla only proves trivial prop's user avatar
1 vote
0 answers
34 views

List view html/js interface

I created this list view component and am pretty happy with how it came out. Im looking for critique on what I could improve regarding code readability, best practices and perhaps performance, it ...
EricTalv's user avatar
  • 133

1
2 3 4 5
37