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

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
14 votes
5 answers
2k views

Javascript Syntax-Highlighter for Java

Project I wanted to create a syntax highlighter for Java using JavaScript, HTML and CSS. It uses regular expressions to find the parts that should be highlighted (at the moment: keywords, strings, ...
4 votes
1 answer
364 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 ...
1 vote
1 answer
62 views

Calculate Prime Number using web workers and Web storage in HTML5

Take a number input (less than 100) from the user and save it to the web storage. Create a web worker to increment the number till it becomes prime. Provide two buttons of 'Start' and 'End' to start ...
3 votes
2 answers
83 views

A rock-paper-scissors game using HTML & Javascript

I have created a pretty simple rock-paper-scissors game that uses event listeners and manipulates the DOM. I would appreciate any constructive feedback. Whether it is readability, variable names, ...
6 votes
4 answers
735 views

HTML Editor - online HTML editor with real-time preview

Note Please review the new question and ignore the following. Overview HTML Editor is an online HTML editor with a minimalist approach. Edit your HTML, CSS, and JavaScript code and monitor the ...
0 votes
0 answers
37 views

Convert CSS-styled HTML to Word file without a server

I am building a non-jQuery port of jQuery-Word-Export, which is to my knowledge the best tool to convert CSS-styled HTML to a file that can be opened, edited, and saved on Microsoft Word (Windows and ...
2 votes
2 answers
138 views

How do I make my html object-to-table array script run faster? (Pandas)

I have a data frame that has several columns, one of which contains html objects (containing tables). I want a column of table arrays. My problem is that this piece of code takes a long time to run. ...
4 votes
1 answer
79 views

Personal web developer portfolio

I recently published my portfolio website. I would appreciate some feedback and any advice on the design, the HTML/CSS coding, the responsiveness as well as some feedback regarding best practices, ...
6 votes
2 answers
321 views

Review of HTML markup for this blog concept

I am creating a blog concept with this layout on CodePen Here is my current code in development ...
4 votes
2 answers
131 views

Basic static HTML page with applied accessibility

I'm following the FreeCodeCamp "Build a Tribute Page" project. I'm sure I forced some flexboxes where they didn't need to be. Tried to apply some accessibility topics that were discussed in ...
7 votes
2 answers
522 views

PHP Mandelbrot Set Generator

I need to get familiar with web programming, so I decided to write up a fairly simple PHP page that accepts GET requests and serves back an image of the Mandelbrot set... as a table of colored cells. ...
5 votes
1 answer
2k 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. ...
1 vote
1 answer
119 views

Hidden html elements after search click

I want to: Hide areas of my template after search click. Return its original state with the cleaning of the input related to each button. I don't know if my code exploits all the resources of ...
2 votes
2 answers
188 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: <...
4 votes
1 answer
419 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); ...
2 votes
1 answer
126 views

Tile and grid abstraction

This question is a small subset of the problem I am trying to solve. I am trying to learn to break problems into better abstractions. The original problem I am trying to solve is: Write a JS ...
-1 votes
1 answer
72 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. ...
1 vote
1 answer
135 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
28 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
0 answers
42 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
206 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 ...
2 votes
1 answer
257 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 ...
1 vote
0 answers
44 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 ...
0 votes
0 answers
51 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 ...
5 votes
1 answer
207 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
125 views

Dijktra's Algorithm Visualizer

A couple months ago I made an interactive dijktra visualizer that allowed the user to setup the map nodes and run the algorithm. I thought it was a good way to solidify my algorithm and html/css ...
1 vote
0 answers
45 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
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 ...
0 votes
0 answers
35 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
36 views

Colorproof dust effect

A combination of various css transitions (background-color, box-shadow, opacity, ...
0 votes
1 answer
689 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: ...
0 votes
1 answer
3k views

Can I use a header tag in footer inside section?

I want to know if I can use a header tag in footer inside section. I also want to know if this follows SEO. For example, I made four section boxes in footer: ...
4 votes
1 answer
180 views

Tabby Cat - simple react app

I am new to ReactJS as a fun alternative to the old boring JS and for practicing I tried to make a sort of "tabby cat" app similar to the browser extension one (tabbycats.club) where you get ...
-1 votes
2 answers
52 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 ...
1 vote
1 answer
408 views

Loading Filtering and Displaying Top 10 Countries Data

I've created a small project that fetches data from a 'countries' API and works around with it to display the 'top 10 most populated countries' & 'top 10 most spoken languages'. I kindly wish if ...
6 votes
1 answer
383 views

Conway's Game of Life - Javascript

Conway's Game of Life Conway's Game of Life is a mathematical game invented by English Mathematician John Horton Conway. The game is based on the theory of cellular automatons. It is a so-called zero-...
4 votes
1 answer
110 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 ...
0 votes
3 answers
130 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. ...
3 votes
1 answer
47 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 ...
3 votes
2 answers
65 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
153 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 ...
4 votes
0 answers
1k views

Bootstrap 4 Menu Collapse on Scroll

I am trying to code a menu that: Is horizontal on lg+ displays at the top of the page Shows a hamburger menu when the user scrolls from the top Will display as the collapsed format when the ...
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: ...
2 votes
1 answer
143 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 ...
7 votes
1 answer
5k views

Personal website in Jade and Stylus

I have written the following code for my personal website, in Jade and Stylus. Can anyone review this code? Are there any tips that you can give me on how to make it better? GitHub main-page.jade: <...
1 vote
1 answer
126 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 ...
2 votes
0 answers
274 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
71 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. ...
2 votes
1 answer
184 views

Sticky Table Header in Plain JS

I wrote a code for sticky/fixed table header. I am bit confused with my coding, though it does my job. I know there are many jQuery codes available online. But I wanted to do it in plain JS with IE ...
2 votes
0 answers
61 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
2 3 4 5
37