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
2 votes
1 answer
97 views

An extended JavaScript plugin for rendering radial pie charts

(This post is the continuation of A JavaScript plugin for rendering radial pie charts.) (See the continuation of this post.) Now, you can mark up the radial pie charts via XML: ...
coderodde's user avatar
  • 27k
2 votes
0 answers
72 views

A JavaScript plugin for rendering radial pie charts

(See also An extended JavaScript plugin for rendering radial pie charts.) I have this JavaScript plugin: rodde-radial-pie-chart.js: ...
coderodde's user avatar
  • 27k
1 vote
0 answers
66 views

React/Html dragging and dropping items between two lists

I am implementing two lists with draggable items. The items can be re-arranged within each list or can be inserted to another list. I had some difficulty implementing the drag and drop behavior when ...
grayQuant's user avatar
  • 232
2 votes
0 answers
45 views

My Electronics Project Blog

I have been wrapping up the markup for my personal electronics project website, https://www.salvagedcircuitry.com. I write about designing, repairing and producing electronics, along with some ...
commissioneranthony's user avatar
0 votes
1 answer
80 views

Create and store the level data for a remake of Super Mario Bros game

I am trying to remake Super Mario Bros. in JavaScript and I am trying to figure out if there is a more efficient/shorter way to create and store the level data. I have created 1-1 and here's what the ...
Jake Miahn's user avatar
2 votes
1 answer
282 views

PHP Class to render HTML div styled tables v1

This class aims to render an HTML compliant div styled table. I added a help() method that provides usage and styling in a more user-friendly way. Besides the ...
julio's user avatar
  • 199
1 vote
1 answer
150 views

Simple calculator project

This code displays a simple decimal calculator with operations like add, subtract, multiply and divide. It also has a function to clear the result. I try to reduce code repetition. I still think I ...
Yasin's user avatar
  • 21
1 vote
1 answer
125 views

Sign Up Page - A mini Frontend Project

I have designed a a small frontend project, a sign-up page. It uses HTML, CSS, JavaScript and jQuery. Being a beginner to frontend development, I want to adapt to all the best practices. I am looking ...
Ultimate's user avatar
  • 123
1 vote
1 answer
622 views

Simple Rock Paper Scissor game

I am new to javascript and I made a simple Rock Paper scissor game with User Interface. There will be 5 rounds and user will play against the computer by clicking any of the three buttons. See Live ...
Samir's user avatar
  • 143
2 votes
1 answer
124 views

Image file uploader webpage in HTML5 and PHP

I am trying to make a webpage for uploading an 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. ...
JimmyHu's user avatar
  • 3,984
2 votes
1 answer
43 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 ...
Gagan karanth's user avatar
3 votes
4 answers
115 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 ...
Fabio Craig Wimmer Florey's user avatar
0 votes
2 answers
1k 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
33 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 ...
jan horuk's user avatar
1 vote
0 answers
56 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 ...
Nut Cracking Dude's user avatar
2 votes
0 answers
55 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: ...
TheRed27's user avatar
2 votes
1 answer
130 views

HTML page with mental health tips

...
Natedogg's user avatar
2 votes
0 answers
132 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 ...
Winmari Manzano's user avatar
2 votes
3 answers
329 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 ...
ARNON's user avatar
  • 401
2 votes
0 answers
83 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: ...
eguneys's user avatar
  • 121
0 votes
1 answer
61 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. ...
Neil Meyer's user avatar
3 votes
0 answers
46 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 ...
async await's user avatar
3 votes
1 answer
100 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 ...
user9437856's user avatar
0 votes
1 answer
340 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 ...
Leo Messi's user avatar
  • 181
0 votes
1 answer
64 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 ...
Ganesh R's user avatar
4 votes
1 answer
646 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: ...
Ryan Stone's user avatar
2 votes
1 answer
33 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 ...
Ryan Stone's user avatar
3 votes
1 answer
93 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 ...
Ravios Savior's user avatar
2 votes
0 answers
49 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. <...
user3132457's user avatar
1 vote
0 answers
43 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 ...
ControlAltDel's user avatar
-2 votes
1 answer
85 views

Personal Portfolio - Layout and basic functionality

...
braedenking's user avatar
3 votes
1 answer
69 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 ...
Robin Andrews's user avatar
7 votes
2 answers
144 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 ...
Norhther's user avatar
  • 269
2 votes
1 answer
133 views

sanitize untrusted input for templates

Attempting to populate HTML string-templates from untrusted input. ...
jimmont's user avatar
  • 233
3 votes
0 answers
44 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 ...
Hazel へいぜる's user avatar
1 vote
0 answers
32 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 ...
Cody Pace's user avatar
  • 183
1 vote
0 answers
36 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 ...
Francky_V's user avatar
  • 188
1 vote
2 answers
132 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 ...
user13477176's user avatar
3 votes
1 answer
88 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 ...
PriscillaM's user avatar
4 votes
1 answer
111 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: ...
John H's user avatar
  • 43
3 votes
0 answers
30 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 ...
yunzen's user avatar
  • 191
1 vote
1 answer
50 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 ...
NPN328's user avatar
  • 751
11 votes
1 answer
437 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,...
Frakcool's user avatar
  • 181
3 votes
1 answer
144 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 ...
user13477176's user avatar
3 votes
1 answer
99 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: ...
Lazycoder-007's user avatar
0 votes
1 answer
66 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 ...
user222442's user avatar
3 votes
1 answer
449 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 ...
arcomber's user avatar
  • 2,449
2 votes
1 answer
101 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, ...
user222442's user avatar
0 votes
1 answer
392 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....
Sanguinary's user avatar
1 vote
0 answers
29 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 ...
MEI's user avatar
  • 11

1
2 3 4 5
9