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
0
votes
0answers
8 views

Inject content into html served by nodejs expressjs

I have an Express server. It serves a static HTML file that uses Vue. I don't want to render the HTML in NodeJS (e.g., using Pug), Vue already renders it on the client side and spares my server's ...
0
votes
1answer
38 views

Christmas tree made up only with HTML and CSS

I've created a Christmas tree using only HTML and CSS. It's pretty sure that the code can be written in a more efficient way. Also, the lights are turning on and off at the same time, is there a way ...
0
votes
1answer
52 views

Hamburger menu with Javascript - clearing state

I wanted a menu that is always a hamburger, regardless of screen size. Plus it has to be activated by click, not hover. Any comments / review will be appreciated. Pls let me know if this is not worded ...
4
votes
1answer
75 views

Custom Connect Four game on CodePen using JavaScript

Can this code be shortened, optimized or remove any unnecessary parts. Just curious if this is the right way to achieve the given result in this CodePen example: CodePen Connect Four Here is my code: ...
2
votes
1answer
21 views

SVG hue navigation bar

I've created a navigation spacer bar that has a hue background. To separate different aspects of content it was imported to Inkscape then exported as an SVG. It uses base64 image which I’m not sure is ...
5
votes
1answer
74 views

my code is messy and wasteful of lines, how do I make my code simple

can this script be made simpler? I'm just learning about javascript, so I don't really know which syntax to use. My HTML I have several id consisting of "doc1, doc2, doc3, .." and there is ...
2
votes
0answers
35 views

HTML5 custom video player in JS

I have created custom video player based on HTML5 video API and JS. Please review the JS. P.S. I couldn't add the video, if you want to check how it works, please add some example video. Thanks. <...
1
vote
0answers
39 views

Is there a better way to preview the addition of a new element?

I am to preview where a new element will be added on button click. I thought about just creating the element and showing that in the preview, but I have several buttons and some of the elements they ...
-1
votes
1answer
80 views

Personal Portfolio - Layout and basic functionality

...
3
votes
1answer
42 views

HTML5 Tile Cycle Puzzle

It's been a while since I did anything with JavaScript. I made a tile puzzle game to help me brush up. You can find it here: https://compucademy.net/tile-puzzle/ I would like some feedback on my use ...
7
votes
2answers
116 views

Example of responsive webpage

I'm doing a Coursera assignment on an HTML-CSS course. The assignment is to do a simple responsive page, which can be found here. I think I came up with a solution, but I ended up having around 100 ...
1
vote
0answers
35 views

sanitize untrusted input for templates

Does this adequately sanitize untrusted input for client side frontend templating where templates are otherwise trusted? What details remain to address or need reconsidering? Please note the character ...
1
vote
0answers
30 views

Generating display elements with JavaScript

I've been writing a modular sandbox that has a web front end. Modules are discovered with reflection and could have parameters to them. When parameters are presented to the UI, I pass them through a ...
1
vote
0answers
24 views

Custom canvas star creator. With code to produce drawing

Simple star designer for HTML canvas. Allows you to change every variable about how to draw the star. This can be used to create squares, triangle, circles, hexagons, etc. But isn't an efficient way ...
1
vote
0answers
26 views

Static mockup of a website

I'm diving into front-end stuff for the first time. I thought a good way to get started was to try to do a mockup of a website. I took the top part of Microsoft's home page. Here's a link to the ...
1
vote
2answers
118 views

How clean is my close_account code?

Hello i'm coding a social site and I need to know how clean this code is. I read other answers people told me from my previous questions like this and used it as guidelines. So now I wanna know if ...
3
votes
1answer
43 views

Master Doughnut Shop Website

I made my first website from scratch using HTML and CSS. It's a doughnut shop I did this as a way to practice what I have learned so far from an HTML and CSS course that I am taking. I would ...
4
votes
1answer
70 views

Social network login and registration forms

I am building a social network with PHP, HTML and CSS and a bit of JS. I want to know how secure my login and register code is. Register html: ...
2
votes
0answers
24 views

Simulate sliding range selector with string values

I need to have a range selector that accepts string values instead of integer value. This is not possible with standard HTML, so I needed to simulate one by using (hidden) radio buttons that are ...
1
vote
1answer
35 views

Semantic implementation of the structure of a web page with header, main, and footer

I'm new to web development, and currently learning the basics of HTML and CSS. Many web pages follow the structural pattern of header, main, and footer; so I figured it'd be a good idea to try and ...
10
votes
1answer
184 views

Battle City (Tank) replica

I'm learning JS and Canvas. A friend of mine gave me the task to create a Battle City replica. I've already managed to make the map and the player to move. Nothing fancy just some squares with a color,...
3
votes
1answer
108 views

How secure is my login and signup code

I am creating a social network and I've been told a few times a lot of things are outdated and prone to SQL injections so I am going over everything with a very fine comb and checking what's good and ...
3
votes
1answer
80 views

Learning javascript by developing a simple game

I am learning javascript and have developed a car game using: HTML Canvas javascript The repository link is: https://github.com/lazycoder-007/car_race_html_javascript_game The code is given below: ...
0
votes
1answer
59 views

Data selection and filtering

Here i have javascript code where is 'animals' object and 'people' array of objects. User selects the data from select box and accordingly table fills with selected data(which is array of objects) and ...
3
votes
1answer
53 views

Simple html5/javascript web database application front end

This application is the front end to a very basic database application. The front end assumes that the back end database would have fields as per the html form. some concerns on db2form.js I have ...
2
votes
1answer
96 views

Suggestion for improving this code to be more readable and easy for beginners? [closed]

I'm a JavaScript beginner trying to learn by doing. Here I have a table with different values: I have used two for loops. Is there an easier way to achieve this? For example having just one for loop, ...
1
vote
1answer
62 views

Simplifying input filtering in tables with multiple selectors using jQuery

Code explained I wrote a few identical functions for each table to filter them based on the user input typed in the input fields using jQuery. After filtering it counts the rows that are left visible....
1
vote
0answers
22 views

DND print script in HTML5

I made a HTML script to quickly make a Dnd5 sheet. This was a project done in two weeks, I don't know what to say else except I'm learning JS, CSS and HTML. I would love to learn how to make this ...
0
votes
0answers
32 views

This is a CSS/HTML/PHP dynamic text list

I'm wondering if there is a better way to write the same exact thing? I wrote it to display three different dynamic messages, but I feel like there can be a lot of improvements... Any help/idea would ...
2
votes
2answers
68 views

Loading the stylesheets and scripts on my website

I have made a simple website and I have tried to reduce load times as much as possible. All the content that is loaded is necessary. Is there anything thing I can do to my code, such as structurally, ...
5
votes
2answers
195 views

Simple HTML5 registration form

I'm creating a simple registration form for a Linux installation party I'm organizing. Although I'm a decent programmer, I rarely create HTML files. I want to know if this form is safe for my users ...
2
votes
0answers
27 views

Code to Animate A modal at the Bottom of the page using .animate() api

I have created a Modal, at the bottom of my CV to show various different resources and content creators that I have used to learn how to code, I have nearly finished this project and will be sending ...
1
vote
1answer
62 views

Beginner's level hovering effect on anchors

After a few trials I've written this code where the border of a link expands: ...
1
vote
0answers
2k 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 ...
7
votes
3answers
116 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
252 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
1k 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
1answer
66 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 ...
3
votes
1answer
218 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 ...
2
votes
0answers
1k 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
64 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
2answers
46 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 ...
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 ...
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
32 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 ...
4
votes
1answer
2k 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
90 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 ?...
3
votes
1answer
161 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 ...
1
vote
1answer
40 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 ...

1
2 3 4 5
8