2022 Developer Survey is open! Take survey.

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
0 answers
47 views

Image file uploader webpage in HTML5 and PHP

I am trying to make a webpage for uploading image file and storing the uploaded file on server. There are several features in this implementation: There is a drag & drop zone on the webpage. You ...
user avatar
  • 3,302
0 votes
0 answers
43 views

What is the best way to lock and unlock a resource in HTML?

My present code: ...
user avatar
2 votes
1 answer
26 views

Are there any redundant divs in my first proper webpage? Or any way to group classes in my CSS file

This is my first full formatted webpage done while doing the odin project. Is there any redundant divs? Can I reduce my css file by grouping some classes? And how to give styles to a button under a ...
user avatar
2 votes
3 answers
63 views

Javascript date / time display

I'm writing a simple start page and it's my first time with JavaScript, my previous background is Python/VBScript. Is it good enough? What best practices should I apply? Should I compress and nest the ...
user avatar
0 votes
2 answers
97 views

Animate circle using Javascript and HTML5 Canvas

Animate circle using Javascript and HTML5 Canvas. The circle will be drawn at the center of the canvas. The initial radius will be 0 and will keep on increasing till 100 and then decrease till 0 and ...
user avatar
1 vote
0 answers
26 views

Suggestions on how to upgrade HTML and CSS making a hamburger icon that transitions to "X" in the code below?

I'm interested in how I can improve my HTML and CSS? I didn't yet learn JS, even though I used it for onclick function, so I'm not currently interested in how to improve the JS in this code. I was ...
user avatar
0 votes
0 answers
18 views

Simple flex-based design for automotive sales platform in HTML5

This is my code for a simple used car sales platform, with flex used for the DIVs: https://jsfiddle.net/m56npe32/ I am looking for constructive criticism on how to improve the design, as the entire ...
user avatar
1 vote
0 answers
51 views

Displaying Submitted Links Securely On Your Pages

I wanted to allow my website visitors (any Tom, Dick & Harry) submit their links to my webpage for output on my page. I thought it's best to parse user submitted urls before echoing their ...
user avatar
2 votes
0 answers
41 views

JS icons animation

I've written a simple JS that takes care to animate an icon. At first I wrote it quickly and without paying attention to any kind of optimization: ...
user avatar
0 votes
0 answers
28 views

React component to display emojis from different sources

I'm looking forward for any feedback to help improve in any way this React component that will render an emoji from GitHub, Twitter or OpenEmoji: ...
user avatar
0 votes
0 answers
177 views

Conway's Game of Life written in JavaScript

So I'm staying up for 24 hours watching Le Mans and decided to write something fun. I wrote an implementation of Conway's Game of Life (information here if required). All feedback is welcome (...
user avatar
  • 794
2 votes
1 answer
47 views

HTML page with mental health tips

...
user avatar
2 votes
0 answers
62 views

Flask Session + Jinja OR Javascript + Flask

I'm a beginner in programming and I'm figuring out what is the best approach for my mini e commerce site project. My current approach is ...
user avatar
2 votes
3 answers
125 views

HTML/JavaScript temperature converter with rounding

I am looking to improve the performance of my code through best practices and cleaner code. My goal here is just to perform a conversion whenever there is a keyup. But I noticed that my code looks ...
user avatar
  • 369
2 votes
0 answers
44 views

How to abstract DOM manipulation in a simple intuitive way

I am building a library to abstract DOM manipulation. Here's what the usage looks like: ...
user avatar
  • 121
0 votes
1 answer
54 views

Reviews on a contact-us form

I tried my hand at a contact-us PHP script. I came up with the following. First the markup, then a little client-side validation and then the email script. I just need to know if this is usable code. ...
user avatar
0 votes
0 answers
47 views

Most Effective way of fetching data and then notating html table with JavaScript

I want to notate Stock prices with html table. The Number of rows (tickers) will be fixed. and order of Response is also same always. I want to Just updating Price Cell continuously. Price data is ...
user avatar
3 votes
0 answers
37 views

HTML 5 Canvas Drawing app

I made a small simple drawing app using HTML5 Canvas, learning how to use canvas. You can right click to change color, scroll to change brush size, and click + drag to draw on the screen. Any feedback ...
user avatar
3 votes
1 answer
80 views

What is the best way to use the database connection file in PHP?

I have a connection.php file into my root folder and at the bottom, I added BASE_URL ...
user avatar
0 votes
1 answer
140 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 ...
user avatar
  • 159
0 votes
1 answer
61 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 ...
user avatar
4 votes
1 answer
326 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: ...
user avatar
2 votes
1 answer
26 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 ...
user avatar
3 votes
1 answer
80 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 ...
user avatar
2 votes
0 answers
41 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. <...
user avatar
1 vote
0 answers
41 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 ...
user avatar
-2 votes
1 answer
83 views

Personal Portfolio - Layout and basic functionality

...
user avatar
3 votes
1 answer
56 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 ...
user avatar
7 votes
2 answers
135 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 ...
user avatar
  • 269
1 vote
0 answers
43 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 ...
user avatar
  • 221
3 votes
0 answers
42 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 ...
user avatar
1 vote
0 answers
27 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 ...
user avatar
  • 193
1 vote
0 answers
31 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 ...
user avatar
  • 178
1 vote
2 answers
127 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 ...
user avatar
3 votes
1 answer
50 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 ...
user avatar
4 votes
1 answer
79 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: ...
user avatar
  • 43
3 votes
0 answers
26 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 ...
user avatar
  • 209
1 vote
1 answer
40 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 ...
user avatar
  • 729
11 votes
1 answer
255 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,...
user avatar
  • 181
3 votes
1 answer
123 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 ...
user avatar
3 votes
1 answer
92 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: ...
user avatar
0 votes
1 answer
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 ...
user avatar
3 votes
1 answer
184 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 ...
user avatar
  • 2,227
2 votes
1 answer
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, ...
user avatar
1 vote
1 answer
259 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....
user avatar
1 vote
0 answers
27 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 ...
user avatar
  • 11
0 votes
0 answers
35 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 ...
user avatar
  • 101
2 votes
2 answers
69 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, ...
user avatar
5 votes
2 answers
687 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 ...
user avatar
2 votes
0 answers
29 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 ...
user avatar

1
2 3 4 5
9