Stack Exchange Network

Stack Exchange network consists of 174 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange
Join us in building a kind, collaborative learning community via our updated Code of Conduct.

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

2
votes
1answer
26 views

TypeWriter Javascript effect

I have implemented a Javascript TypeWriter effect for my website. It types out code using the TypeWriter variable by adding each character on and setting a timeout. It then 'deletes' code using text ...
3
votes
0answers
32 views

Get checkbox value of unchecked checkboxes in a table

I have a table where a user can (un)check checkboxes among other features in each row. I faced the problem that I don't receive unchecked checkboxes to my backend. This led to a bigger issue since ...
-2
votes
0answers
18 views

Text color changes on button, but not every time [on hold]

okay, so I'm new here and maybe I'm just tired from how long this has confused me, but here we go: On a button click: When the variable "GPA" is below 2.5, the text "finalText" should turn red. When ...
1
vote
2answers
65 views

JavaScript calculator that only adds numbers

This is a JavaScript calculator that uses JQuery and bootstrap. How can I improve the CSS, HTML, JS and the general design? ...
3
votes
2answers
60 views

Simplifying Counter of Checked Checkboxes

Is the following code a proper solution to my problem? I have a feeling it can be simplified quite a bit. If one of the first four checkboxes is checked the sum is 1; if two 1.5; if three 2; if ...
1
vote
0answers
24 views

Small “Add Contact” HTML & Vainilla JS form

So basically I developed this form with HTML, JS and Bootstrap to add contacts to a backend. It simply shows a form so a user can input some data and it's submitted to an API. The thing is it doesn't ...
1
vote
1answer
44 views

Continuously update position of div with click event

I am trying to continuously get the position of a div on screen and update the new position each time a "click" event listener is clicked. At the moment my code works but feels redundant and could be ...
0
votes
0answers
66 views

Object for generating HTML for hyperlinks

I have a function that generates HTML for hyperlinks. It's arguments may be string literals or variables read from the database. An example call to this function looks like: ...
0
votes
0answers
24 views
0
votes
0answers
92 views
+50

Trick circumvents [position: sticky] restriction to parent

Check out the live example: https://verifuse.github.io position: sticky; elements are sticky within the bounding box of their direct parent containers. I wanted to ...
-4
votes
0answers
23 views

Passing element data to javascript based on button [closed]

i'm new to javascript and still learning. The below code works fine is just that i want to add a delete button on each new row produce. and when it's pressed it will delete the data and update the "...
1
vote
0answers
5 views

Slider that increased center slide width. (Slider plugin suggestions)

I wanted to create slider when it slide center slide width must have incresed and the two slide next to it stay on normal slide. I have tried one using slick slider. Here is the code pen link that I ...
0
votes
0answers
19 views

Fit text in a textarea with textarea or div with contenteditable

After a lot of testing I've reached this solution to fit text into an editable container with automatic height. I started with a textarea and javascript but it got extremely slow on hundreds of ...
0
votes
0answers
19 views

HTML CSS z-index, laying and positions

Evening, I am starting a web project for a friend and am having trouble laying three objects, a logo, rgba background-color and a H1. The order I want is logo at the back with the opaque color ...
3
votes
2answers
61 views

Changing the width of a centered progress bar

I am making a game in which the player has a certain amount of available boost. To show this, I am using a blue bar inside a black frame. The bar can grow and shrink at different rates as available ...
3
votes
1answer
30 views

CSS Grid and Bootstrap 4

First time posting in Code Review! I have started learning front-end development to complement my UI design skillset and am starting with CSS Grid and bootstrap. Have a look at the snippets. I think ...
0
votes
1answer
65 views

To Do List using basic JS

I learned javascript from some tutorials and as per advice, I thought of creating some task by my self. I wrote the following code and as I expected I saw the answer. If someone can assist me with how ...
1
vote
1answer
41 views

Parsing scraped data from html table

I've written a simple python web scraper that parses text from an html table and stores the scraped data in List of dictionaries. The code works and doesn't seem to have any glaring issues performance-...
3
votes
1answer
42 views

HTML+CSS Template: Search Results List

I'm trying to develop some templates for common HTML + CSS tasks I've been dealing with. One of which is a general search results list either from client- or server-side. So far I'm using the ...
2
votes
2answers
72 views

Pounds-to-tons converter

Finished my first lone project and I'm wondering if the execution is passable. This is a basic lbs to tons converter. The customer drives on the scale loaded, then dumps the load and returns unloaded ...
0
votes
0answers
15 views

Two-way binding and interpolation to check “password” and “confirm password”

Assuming you have an angular template form with a "password" field and a "confirm password" field (usually a register form). Also assuming that you use two-way binding to bind the form values with ...
1
vote
1answer
45 views

Сlone image in pure js

I wrote JS to clone image and attached this action to button. It works but I'm not sure that this better way to do it. My questions: is it correct to use querySelector to return elements, or is it ...
13
votes
1answer
143 views

Make Stack Overflow Design Great Again

I've been annoyed with the new side bar layout, so I chose to hide it. But then, the useful links were gone, so I decided to make this little user script in Tampermonkey to bring them back to [roughly]...
2
votes
2answers
76 views

Fading HTML elements in and out after timed delays using jQuery

I recently launched my first website, and despite being very proud of how far I've come, I know that my code is more "I got it to work" than "It works the best that it can." I'd like some criticism, ...
6
votes
0answers
71 views

Mobile webpage for a refugee organization

For a school project, I've to create a website for a refugee foundation in Haarlem. But designing is one part, coding the actual design is a whole other world. The hamburger menu went pretty well and ...
2
votes
1answer
43 views

CSS/JS slider using just data-attributes and transform:translate

I needed to make a multi-page form, with slides, but without using too much js code like slick.js or the likes. So I tried to figure out how to make it really simple, but still cross-browser and ...
-1
votes
1answer
142 views

Simple HTML website with a JavaScript navigation bar (version 3)

This is a followup post to version 1, and version 2. The following code is a website with a nav-bar on it. It uses some simple JavaScript and CSS (with media-queries) to make it work: index.html: <...
2
votes
0answers
26 views

Moving a div to a different parent, which also moves, using matchMedia

I'm very new to JavaScript so I thought I'd ask for someone to have a quick look over this to make sure it isn't brittle, buggy, or completely unnecessary. It may be all three. I also thought it might ...
3
votes
2answers
170 views

Platformer Game: Arrow Key Player Movement and Collision Detection

I am in the middle of working on this game and I still need to add some things (e.g. score, coin counters, etc.) but I really feel like there is way too much unneeded code. Could you help me simplify ...
0
votes
0answers
154 views

Fetching and displaying API data as an HTML list

I've written the following which works but it's the first API I have written and I just wanted to see the general opinion of what could be done differently in a better way so I can learn more and ...
2
votes
0answers
216 views

Pure CSS Responsive Show more / Show less

I have put together a CSS snippet to responsively display a Show more / Show less button if content of list cannot fit 1 line (1em) when you resize the window using pseudo-elements. Currently, I have ...
3
votes
0answers
51 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 a new ...
0
votes
0answers
28 views

Creating a page of forms dynamically

I have a situation where I want to give a client the ability to edit entries in a Firebase database. I don't typically work on web stuff so I'm using my very limited knowledge to create the simplest ...
0
votes
0answers
41 views

Structure plain Javascript in functions in the most optimised way

I am manipulating a JSON query and I am trying to improve my formatting/coding for the JavaScript part. So, I have created functions and I am trying to find the best, most optimized way to reduce the ...
2
votes
0answers
74 views

A simple “couple creator”

I just made this simple generator as a side-project to one big project I'm working on (demo on github pages here) and would like some opinions, feedback or suggestions on how to improve it. I hope you ...
0
votes
0answers
17 views

Jquery AJAX client side controller design

I'm working on the client side of a webapp. I've already posted the PHP logics here on codereview and your suggestions have helped me to improve a little bit the code. I'm using ...
9
votes
2answers
324 views

Showing two d3.js charts on the same page

I created two graphs in d3js: a bar chart and a donut chart. These two graphs use the same json object for data and share an input range and the radio button. This is the code: ...
10
votes
3answers
291 views

Simple dice game - JavaScript MVC implementation

I did a simple dice game using what I learned about separating the 'view', 'model', and 'control'. I am quite clear on what the model is (it's the data and state). But I'm a bit confused on the ...
1
vote
1answer
59 views

HTMLAudioElement sound delay on keyboard clicks

I am using Vue.js to play mp3 sounds on keyboard clicks. Even though each mp3 is less than 40 KB, there is a 95ms delay on heroku, on each request. Is there a way to download sounds when dom is ready ...
1
vote
0answers
35 views

React Expandable Data Tree

DataTree A React-based expandable list using ChimeraZen's Zen Design styles. This program simulates items returned from a Google Firebase database, populates an array of recursively nested parent/...
0
votes
0answers
17 views

Unify code that works with selectmenu

I have span and select in my view Here is code of it ...
1
vote
1answer
41 views

Calculating absolute position in %

I'm making a website for a friend (just for fun) where we have to move a lot of svg images in absolute positions. To make it easier I wrote some code to calculate the % position of each element so we ...
0
votes
0answers
24 views

Is there a better way to do bottom nav?

I am doing a bottom mobile navigation for the first time. Using a lot of fixed positioning. Is there a way to get the child elements inside the fixed positioned parent element to be formated with out ...
0
votes
1answer
61 views

Read Local File

I'm trying to read any file locally and write out the binary as string, it loads and reads small files very fast. How can I modifier it to read large files greater than 1gb without crashing the ...
1
vote
0answers
28 views

Bootstrap 4 navigation menu

I've created 3 formats for navigation menus: Singe Line Multi line Multiline with big branding My intent is to use these as a template in various applications depending on the need. I've tested ...
5
votes
1answer
55 views

Get lines numbers of text spanning across a set of paragraphs using JavaScript / jQuery

My goal is to work out which lines a piece of text is on within a set of paragraphs. For example, in the image below: I want to find text starting from "Maecenas non" to the next instance of "nisi" ...
5
votes
2answers
124 views

JavaScript HTML Title Scrolling

I made this little library that makes the title of a webpage scroll so you can see the entire string. I'm not sure if this is the best way to accomplish this so if anyone has any input that'd be great....
2
votes
0answers
22 views

Simple Test Website

Just want to know if I used CSS Grid properly along with flex. I always have that feeling that what I'm programming can look better and be shorter, etc. Thoughts? ...
2
votes
3answers
584 views

Display Thousands/Millions of different background images

Kindly help me check this code, I want to be able to make it load thousands/millions of different pictures as HTML background without crashing or slowing down the browser. The images can be created ...
-5
votes
2answers
59 views

html and css of login form [closed]

I am new to bootstrap and trying to design login page. Please check my below link and let me know if i did it in wrong way. I have on doubt I think i am doing in wrong way because when i inspect my ...