Questions tagged [html5]

HTML5 (Hyper Text Markup Language, version 5) is an umbrella term for recent web technologies. It is also the latest iteration of HTML, and became a W3C Recommendation in October 2014, introducing new elements and APIs.

Filter by
Sorted by
Tagged with
1
vote
0answers
37 views

How to open an input file programmatically (javascript) in a reliably way? [closed]

How to open an input file programmatically (javascript) in a reliably way? The most modern versions of internet browsers prevent the opening of input files programmatically (javascript) under certain ...
0
votes
0answers
29 views

buying stock module - nonlocal vs global variable or others? [duplicate]

[Background explain] I wrote three Flask views and module interact with the views. I do this one module called /buy using different scenario cases based on flag. Zero view if user come in GET, ...
7
votes
3answers
96 views

Blog with Python/Flask

I've written a blog site using python and Flask. It works a little like Reddit, but instead of having some anonymous users, ...
5
votes
2answers
185 views

Calculator app in React

This is a simple calculator app that involves entering two numbers and allowing them to be editable and swappable. Calculations are done on the numbers, so the calculations should only be done when ...
7
votes
1answer
127 views

Generating a chess board with JavaScript

In another attempt to further my knowledge in the JavaScript language, I've written a chess board generator that will essentially create a chess board with any initial state supplied. This supports ...
2
votes
2answers
169 views

jQuery animation procedural approach, suggestions need

I'm kinda worried that the way I did my animation intro is a bit too heavy and is not optimized. Please review and let me know your thoughts. ...
2
votes
1answer
54 views

Simple landing page with a countdown timer and automatic slideshow with HTML,CSS,JS

Does this code follow common best practices? I tried to keep the code simple and straight forward adding comments and spacing everything to be readable. My main concern is there a common practice ...
3
votes
1answer
40 views

Simple Form Starts Long Running Task and Watches Progress

Want to level up my skills. It hits a php script that starts a long running export that can take few minutes to few hours. The export script outputs a progress file that this form's javascript uses ...
7
votes
1answer
280 views

Write the HTML markup for several of (profile picture + message heading + message)

I was asked to write the HTML markup and CSS like the following: User's profile picture on the left his message heading his message content I was so concerned with how to correctly make it displayed ...
5
votes
3answers
272 views

Structure of website columns and navigation

I have made this HTML5 structure for a new website I am working on. I'd like to know if there is a more elegant approach to doing it. Is the wrapper for the two column considered bad practice? Should ...
2
votes
1answer
53 views

Signup page in HTML/PHP

I've written some PHP code that connects to a database and saves input entered by the user at our signup page. I would like some feedback before I present this code ...
2
votes
1answer
43 views

Basic input system for a few form fields

I am attempting to port a linear function that I designed in a spreadsheet into HTML and Javascript. It's based on linear least squares where I have to take a Matrix and multiply it by its ...
2
votes
0answers
113 views

Contact form with AJAX call and secured PHP with Google reCAPTCHA v3

here is a code of a simple contact form that I have created, I believe that the form is server-side protected against empty fields, header injections, CSRF, XSS, bots using 'Google reCAPTCHA v3' and ...
3
votes
1answer
337 views

HTML5 canvas video with React

I'm trying to work HTML5 canvas video into a React application while making the code as clean as possible. What kind of improvements should be made to improve the performance utilizing the React to ...
3
votes
1answer
662 views

jQuery image carousel

I have made this custom image carousel, using HTML5, jQuery and CSS. My aim was to make it really lightweight but with (just) enough features: "bullets", auto-advance, responsiveness. ...
2
votes
2answers
45 views

Seeking the seeds for writing tidy event handlers in JS

I'm seeking a critique of the simple program below, which displays two counters and increments them through a button, using D3.js. In real life of course no one has a need for displaying buttons that ...
5
votes
1answer
904 views

Classing Pong game

I have just started coding. Anything to help simply or improve the code? This is fully finished and ready to play, though the ball bounces off the wall directly behind the paddle, rather than off ...
4
votes
1answer
123 views

Simon in Javascript

This is a game of Simon using plain Javascript. I would welcome any comments, suggestions, insights or ideas for improvement. One choice that I made was to have the player's turn compare values ...
1
vote
1answer
34 views

Console.log challenge change all of the links on a search results page so that they do not go anywhere?

I am reading a book call Front end Web Development "The big nerd ranch guide", in which I came across a silver challenge: Go to your favorite search engine and search for "...
0
votes
1answer
28 views

Correct semantic html5 [closed]

I would be thankful for feedback for following html5 markup. The outer div (class articles) has no more meaning as setting flex for it's child elements. Is a div the semantically correct choice in ...
1
vote
0answers
27 views

HTML5 Custom Audio Player with SASS

i made an audio player in html5 for learning purposes, also i tried to use BEM pattern with sass (i dont know if i did it well) i also encapsuled my code as much as possible, but i think i can make it ...
7
votes
1answer
129 views

Just a calculator

This is a simple calculator made in 2/3 hours. I am still new and I was trying out some tags. If you can add some comment and say what to do and what to improve I will be really grateful. ...
3
votes
1answer
587 views

Dice game in HTML, JS, & CSS

I'm working on a personal game project to hone my CSS, HTML, and vanilla JS skills. I would appreciate any feedback on my small dice game project. ceelo-js Codepen The main logic of the game is run ...
1
vote
1answer
396 views

Downloading latest monthly files VBA - HTML [closed]

Situation: I am trying to download files, for the latest available month, from the webpage NHS Delayed Transfers of Care. I am unable to locate these files, within the HTML, with confidence that my ...
1
vote
1answer
52 views

Upload image without src attribute

We gave an option for user to Upload the image Image is uploading fine, but its not adding any img src tag for that uploaded image.... Is this is acceptable to upload image without using any img tag ?...
2
votes
1answer
142 views

User upload & Drag image and update text

I am allowing user to upload images & drag uploaded image once user click on mask images, also gave an option to Edit the text.... I am fetching mask images and text from json file.... I am ...
3
votes
2answers
104 views

Use weather API to get information in JavaScript + jQuery

Please can any code experts review and improve my code? HTML ...
8
votes
1answer
2k views

Semantically correct html5 markup

I'm writing the markup for Corpora - A Business Theme: And started from the header section: Here is my markup for it: ...
1
vote
1answer
39 views

Password Checker [closed]

In my second post I am looking for the way to change answer dynamically. As you can see there it changes when I completely fill the input. I want it to change for every letter typed . I will be ...
3
votes
3answers
86 views

Website for student organization

This website has been created for a student organization that is focused on engineering solutions for people with disabilities. With that in mind, I would like this code to be as accessible as ...
3
votes
2answers
91 views

SRT caption support for HTML5's video element

With HTML5 you can add captions to your video using the <track /> element. However, only vtt files are officialy supported, while the current most populair ...
1
vote
0answers
12 views

Collapsible left-side tree

I was wondering if there is a better way to write the following code? The code is working, I am looking for better technique to achieve the functionality, if any exists. Never mind the classes that ...
3
votes
3answers
124 views

fizzbu| - Fizzbuzz with dynamic height

Here is a variation on a theme: fizzbuzz. After providing this answer recently, I decided to practice some VueJS skills with outputting the values and conditionally applying styles based on the value. ...
1
vote
0answers
15 views

JavaScript code for MAC registration micro webservice

The following code is part of the front-end of a micro webservice for users to allow them to register MAC addresses of their network devices and administrators to enable those and to generate a ...
-2
votes
1answer
161 views

Updating text with JavaScript and Firebase [closed]

My problem is this causes more lag as time goes on. I use this commonly to chat with my friends, and I need it the site to update in real-time whenever a message gets edited/deleted/added. Any ...
4
votes
1answer
515 views

HTML5/CSS live Validation w/jQuery

I've been working on a live form validation project, initially I intended on finding a way to solely use CSS for said validation but it quickly became apparent I would require some jQuery to get it to ...
8
votes
1answer
413 views

Lightweight Angular tooltip component

I made a small Popup component to show different error/success...etc. messages. Template: ...
2
votes
1answer
18k views

Simple JavaScript quiz application with radio buttons

I've created a simple JavaScript application, which also happens to be my first-ever piece of code in any programming language.It took me two days to get the core correct and another two days for ...
10
votes
2answers
870 views

HTML5 markup for blog article

Recently I started a blog project. It is my first time that I create something so advance. I use task runners, SEO optimization, preprocessors, I will code in full stack environment and all the other ...
5
votes
1answer
179 views

Simple way to show popup

After small research I found following informations: In this closed question I found some solution which not works good when pop-up has height bigger than screen (and some jquery solution). Here is ...
2
votes
1answer
45 views

Chart of answered CR posts percentages over time - Part 2

I created a graph to show the change in the percentage of questions answered over time and the first version fetched data from chat transcripts using PHP. The sub-domain I have registered for my ...
2
votes
0answers
130 views

Simple jumping game: continue with jquery or switch to html5 canvas?

I'm coding for fun with the secret ambition of making a fun little game for mobile. So I started out building this little jumping game with Javascript and jQuery. The game relies heavy on css ...
0
votes
2answers
52 views

Interactive multiple choice code [closed]

This isn't so much, HOW do I make it work, as this code works, rather how could I make it better. The way this code works is it guides a person to the correct answer by getting "Yes", "No" or "I don't ...
1
vote
1answer
1k views

Dispatching Vuex getter via setInterval

I am fetching the friend list for a chat application using a Vuex store. I need to dispatch the getter via an interval. Is there a best practices way to do this? ...
0
votes
1answer
708 views

Inputs equality check using jQuery without plugins

I tried creating a function to check for a match between two email fields, let's say EMAIL and CONFIRM email. I absolutely try to avoid jQuery validate. It is not worth it for a single field. For the ...
1
vote
2answers
42 views

A function that generates arrays of video thumbnails using canvas

I have just finished my first version of a function that returns an array of video screenshots created with canvas. What I am looking for are ways to improve this speed by as much as possible. I want ...
2
votes
0answers
1k 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: ...
1
vote
1answer
64 views

Web page's semantic elements

I request a review of the following web page, especially on the use of semantic elements: https://jsfiddle.net/SSteven/qt9d2sfw/ The HTML5 code is: ...
4
votes
1answer
111 views

Audio frequency trainer / tester using Web Audio API

I'm making an audio frequency trainer as a learning exercise. It could be useful for audio technicians who need to recognize audio frequencies (eg. when ringing out feedback during a live concert or ...
7
votes
1answer
335 views

Yet another flappy bird clone

This is my first game, and I really want to improve my coding skills. Please review my flappy bird clone implementation and let me know how it could be optimized, and any other coding tips. ...