Podcast #128: We chat with Kent C Dodds about why he loves React and discuss what life was like in the dark days before Git. Listen now.

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.

33 questions with no upvoted or accepted answers
Filter by
Sorted by
Tagged with
3
votes
0answers
143 views

Pure-CSS slide viewer

Not long ago I designed a pure-CSS slide viewer. A demo is available here, while the source code can be retrieved here . I would like to receive opinions, suggestions, and critiques, especially about ...
3
votes
0answers
125 views

CSS animation of ravens flying in a circle

I just made a little experiment on codepen with this animation. But I get some performance issues: sometimes it's not as smooth as it should be. Does someone know some practice I could use to ...
3
votes
0answers
46 views

Polyfill for a legacy system: Attach “labels” to their corresponding checkboxes

I had to do some maintenance programming on a legacy software recently. Most of the system's logic is done with Java and PL SQL. The Java creates some special kind of XML. These XML is then ...
3
votes
0answers
440 views

HTML5 canvas Snake game

My most recent project is this simple Snake game, and I would like to know what you think of it and if you have any suggestions. ...
3
votes
0answers
383 views

Efficient JavaScript/jQuery typewriter effect that handles HTML5, entities, and text

How should this code be improved? For instance: How could it be shorter, clearer, deal with memory better, use a plugin/library, better prepared for web input? I can break up and clarify the regex or ...
3
votes
0answers
873 views

Paper.js slow resize

I'm currently in the process of redesigning and coding my website, for which I'm wanting to use paper.js to draw on canvas. Currently the only project page I have is using a basic random ball ...
3
votes
0answers
290 views

jQuery Plugin - HTML5 History State

I've built this small jQuery plugin to work with HTML5 History State functions. It's my first jQuery plugin, so I'm not sure if it's up to the best practices, or what could be done better. Keeping it ...
2
votes
0answers
125 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 ...
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
131 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 ...
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: ...
2
votes
0answers
549 views

An Mp3 player using React and Redux and the HTML5 web audio API

I built a simple MP3 player with React and now I would like to incorporate Redux to the app as it is getting larger and I feel Redux will help it to be more organized and efficient. I was wondering ...
2
votes
0answers
60 views

Generating hundreds of css clases

I have elements that are generated dynamically on the screen. I have bars and diamonds. The problem is I have hundreds of different types of bars or diamonds that need to be rendered on the screen. ...
2
votes
0answers
2k views

Clear and redraw the whole Canvas

This is a simple circular progress with Canvas. Is there any way to make it shorter and easier to read? Another concept for a better performance? I guess clear and re-draw the whole canvas in every ...
2
votes
0answers
628 views

HTML5 Parallax Scrolling utility using canvas

I have created a utility to create scrolling parallax backgrounds. ...
2
votes
0answers
181 views

Managing multiple forms with individual updates and batch delete with checkboxes

I have a JSP page with a table containing data from java.util.List. The items from the list are taken from the database. Each row has an edit button that will get all the values from that specific ...
2
votes
0answers
79 views

HTML5 canvas drawing from video source

I have the following code, which draws a overlay image onto video for each frame: ...
2
votes
0answers
149 views

Canvas/JS banner with Flash

Here is my first Canvas/JS banner. I just got a flash one and hand-coded it from the beginning to the end. I have several major concerns/questions: I have seen several banners made in Adobe Flash, ...
1
vote
0answers
28 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 ...
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 ...
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 ...
1
vote
0answers
46 views

ExpressTemplate, from Cloud9 to Heroku

basic setup Body-Parser, Cors, Express & Nodemon I don't think I'm using the favicon correctly. I was calling it locally, but I don't have local resources on code pen. It seems to always be using ...
1
vote
0answers
782 views

Overlay a YouTube video iFrame Over an Image

This is my code and the main thing I wanted to accomplish when creating this was to: overlay an iFrame over an image and also to see if I could embed a YouTube video iFrame with the video ID entered ...
1
vote
0answers
89 views

Display multiple video in video tag using timeduration in Grails Application

I've requirements to display video of some time duration in video tag. I've written following code for the same in my grails application. videoFeed.gsp ...
1
vote
0answers
642 views

Drawing a board for the board game GO (HTML canvas)

I am working on a GO game in JavaScript and drawing the board is important to be efficient because it gets ran multiple times a second. As when the user moves their mouse, it will simulate where their ...
1
vote
0answers
449 views

jQuery/HTML5 Finance Calculator

I have created a simple jQuery based finance calculator. Just to make it easy to read I will list below all the functionality and validation it has. Functionalities: Ability to enter the amount ...
1
vote
0answers
41 views

Simultaneous search with Google and Bing, remember the last engine

A proof of concept app to run the same query on both Google and Bing. For instance, if one of the engines takes too long on a slow connection or the results are not satisfactory, the same query can be ...
1
vote
0answers
38 views

Off Canvas Menu and Content Panels with Transitions

Any and all feedback appreciated but I'd especially like suggestions pertaining to: Naming of classes CSS code organization Possible performance improvements Alternative approaches There also seems ...
1
vote
0answers
310 views

Pomodoro Countdown Clock

I would appreciate feedback on this Pomodoro Clock. I tried to use straight Javascript for the logic instead of JQuery and I would be interested in any observations of where that was a good or bad ...
1
vote
0answers
164 views

Grid Navigation : Drawing flow through html5 canvas grid

An additional question regarding this : previous topic. Thankyou to @Blindman67 for all the help thus far. The goal is to have a large pixelmap broken up into sections determined by user define-able ...
1
vote
0answers
335 views

JavaScript / jQuery Memory Guessing Game

I want some tips on how to make my code better, more efficient, better coding practices, etc. Codepen ...
1
vote
0answers
2k views

Node.js/Socket.io chat application

I would like to know how I can improve this chat application of mine. This has been my side-project for a while. I have made it to support on desktops, tablets and smartphones. GitHub link Online ...
1
vote
0answers
65 views

Menu (headers and sub-menu) for boxes to call 2D transforms function

I am trying to learn HTML5 and I am interested in respecting good practices of the language. I have learned it is better to use tags such as <section>, or <...