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
1answer
78 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 ...
2
votes
0answers
76 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 ...
9
votes
2answers
3k 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
1k 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
147 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
125 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/...
1
vote
1answer
42 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
101 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
331 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
49 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
56 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
134 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
33 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
608 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
160 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 ...
2
votes
4answers
221 views

Set of jQuery .click functions

Restaurant Menu It works how I want it to, but the way I've written the jQuery looks like it could be simplified. How can I rewrite the jQuery so it does exactly the same thing but in much less code? ...
6
votes
1answer
88 views

Branding Roses & Tulips

The logic is like this: All brands have 2 products (Rose and Tulip) Each brand names their product name differently (such as Brand 1 names their rose as No. 1 Rose and Brand 2 names their rose as No. ...
2
votes
1answer
91 views

Simple HTML Website (followup)

Followup to this I have created a simple HTML5/CSS3/JS website with a navbar and no content. index.html: ...
4
votes
1answer
54 views

List of TV show episodes, with next/previous episode links for each entry

I'm a beginner yet, and currently I'm making a site about The Flash (just to practice), and yesterday I figured out this code to make my next/previous (episode) buttons work correctly. I'm glad I ...
2
votes
1answer
141 views

Simple HTML website with JavaScript navbar

The following code is a website with a nav-bar on it. It uses some simple JavaScript to make it work: index.html: ...
2
votes
0answers
30 views

My navbar menu with two differents formats/styles

I have a navbar menu with two styles: First one is a tranparent menu. I use it when the page charges. Second one is a scroll and responsive (not yet) menu. I use jquery to transform the first menu ...
3
votes
0answers
65 views

Simon game made with ECMAScript HTML and CSS

How does my HTML and CSS look? I'm a beginner so I have no idea if this is good design or not. Is there an easier way to copy and paste code here? Everytime I paste my code in here and use CTRL+K, ...
0
votes
1answer
88 views

Polish website made by a beginner

I'm new in HTML and CSS, but finally I managed to create something that looks quite nice. Of course I had some problems and I think I resolved all of them, because site looks like I wanted. But I have ...
1
vote
2answers
248 views

Calculation with Jquery

...
3
votes
0answers
1k views

Converting HTML input characters to asterisks after a given time

I tried for fun implementing a function that converts HTML input characters to asterisks after a given time. What do you think about my approach and how would you do it? ...
7
votes
2answers
175 views

Vanilla JS rich text editor, extremely small

A few days ago, I created this rich text editor, and posted it to reddit and got over 300 upvotes in less than 1 day. I am a beginner, so I don't believe that this project is very complex, but with ...
3
votes
1answer
111 views

Connect Four variant, allowing only horizontal and vertical wins

I'm brand new in JavaScript (and in programming in general). I've made a Connect Four game that checks for the winner vertically and horizontally (I haven't figured out how to solved it diagonally). ...
4
votes
1answer
159 views

PHP simple RPG game (unfinished) - a learning project

Friend is forcing me to post code here because he doesn't like my long $_SESSION variables, and I'm telling him there's no way to short it out without again later in code defining them again which is ...
3
votes
0answers
573 views

Sync textarea text with jstree nodes

I'm trying to retrieve all the nodes of a jstree and display the data on a textarea, this strange code is working fine, but the execution is very slow, it takes an ...
4
votes
2answers
1k views

Tic-Tac-Toe game made with JavaScript, HTML, and CSS

I am a beginner programmer. In a prototype function of the game function, called game.prototype.restart, I repeated some lines of code to reset variables I used to ...
3
votes
1answer
89 views

Set value to multiple selector on condition

I have code and set the value to hidden 0 or 1 on condition. Is there a better way to solve this? ...
2
votes
0answers
3k views

Bootstrap 4 multi row navbar with big branding

I'm an asp.net web forms app using, for the first time, Bootstrap 4 as a responsive design framework. I've built a 2 row header navigation with big branding on the left, where the branding spans both ...
3
votes
1answer
78 views

JavaScript module to filter data and render it as a table

I want to organize some JavaScript code using module pattern. The scenario is as follows: Having the following html table created dynamically ...
9
votes
1answer
206 views

Cardshifter login page using vanilla JavaScript

I'm working on rewriting the Cardshifter HTML Client with vanilla JavaScript, the original HTML Client is written with Angular but I really wanted to stay away from anything npm and just go back to ...
2
votes
2answers
103 views

Display the time left of a given time

Context This software is a countdown/visual timer. It was initially developed to display the time left before the end of an exam. Question My JavaScript is working but when I want to validate it by ...
5
votes
1answer
343 views

JavaScript module to render and handle a form to add users

I recently switched to modular JavaScript and really like the idea of having the state of your application in JavaScript and not in the DOM. I want to know if what I am doing is considered best ...
3
votes
1answer
535 views

Resize and compress images with imagick

I am building a PHP function to manipulate and generate a series of images with Imagick. The aim is to make responsive images with the <picture> element. ...
1
vote
1answer
53 views

Insert and update SQL entries for posts to be accessed by up to 3 other users

At first, I have this HTML I use here: body { text-align: center; } ...
4
votes
0answers
31 views

Parsing root-level elements out of HTML fragment file

I have the following code written in NodeJS, using the parse5 library. It's purpose is to parse out the root-level elements in a file containing HTML fragments (Vue ...
4
votes
1answer
433 views

Cricket Scoreboard for Darts

I've been learning front-end web design, and I'm looking to start diving into the back end soon. Before I do that, I want to make sure I have my HTML/CSS/JS skills down pretty solid. Here's a ...
1
vote
1answer
118 views

Simple landing page using Bootstrap

I have written a simple landing page in Twitter Bootstrap. It works fine, I just want to know if my code is written in a "good-practice" way. ...
1
vote
1answer
100 views

Query result as an HTML table

I am not a expert on php html. I built a website 2 months ago, and realized I using lot of php query result on web. Is there any approach without while my query result on multiple times ...
5
votes
1answer
574 views

JavaScript Graphing Calculator

I have a pretty functional JavaScript based graphing calculator. Functions like \$\space tan(x)\$, \$\space\frac{1}{tan(x)}\space\$ and \$\space x^{high\space number}\space\$ look weird, however ...
8
votes
2answers
825 views

HTML/Javascript Hex to RGB and RGB to Hex Color Converter

I have recently started learning JavaScript (A great language) and decided to start a small project which consists of a website with two inputs, one for hexadecimal input, and one for RGB input. When ...
2
votes
3answers
58 views

Show different type of fonts

I have the following code which return some text in different fonts (for the moment only TimesNewRoman and Arial). It works fine but if I want to make it work for 20 or more fonts (but not necessarily ...
2
votes
1answer
778 views

Create multiple parametherized JQueryUI dialog boxes

In my application, I am using a lot of jQueryUI dialog boxes. In order to reduce the length of code, and because I am using often the very same parameterization, I was wondering about a way to ...
5
votes
1answer
1k views

Preprocess HTML input and generate word count

Below you see the product of my first baby-steps in programming. The purpose of the script is twofold: 1. Take html input of a specific website, process it, and return relevant info such as document ...
3
votes
1answer
290 views

Temperature converter with JavaScript

This is one of my first simple javascript projects. Feedback is appreciated! Basically, everytime the select option is changed, the result is shown. ...
5
votes
1answer
171 views

To-do list web application

I personally find it helpful to see what aspects of a program I already implemented and what features I need to add. Just for fun, I decided to write up a program to do that. This is the first program ...
4
votes
2answers
1k views

Semantic markup for card blocks

I'm using Bootstrap. I'm doing my best to work with more semantic markup and getting away from divitis. Several of these "card" blocks appear on a page, like this. Original: ...