Stack Exchange Network

Stack Exchange network consists of 174 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

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.

0
votes
0answers
7 views

jQuery autocomplete : custom list (HTML, Bootstrap 4)

I have implemented a jQuery autocomplete textbox with custom list options. I'm able to achieve the expected output. But, I'm not sure about the implementation is in the right way. Can someone please ...
1
vote
0answers
27 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: ...
0
votes
0answers
33 views

Function for Replacing Keywords in html

everyone. I have a code for replace text in html by matching them with the keywords provided. I have to run this on many records on my database so It should be memory efficient as possible. ...
0
votes
0answers
81 views

Pomodoro clock in React.js

I'm trying to make a Pomodoro Clock in CodePen for freeCodeCamp from which I have some tests (which you can find in my actual Pen here). However, the tests timeout giving the following message: ...
1
vote
1answer
35 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
95 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 ...
5
votes
2answers
114 views

Random tone generator using Web Audio API

This is a random frequency audio generator made with the Web Audio API by Mozilla. The end-goal is an audio frequency trainer: the website plays an audio frequency and the user tries to guess which ...
3
votes
1answer
277 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. ...
1
vote
2answers
36 views

Output string length and classical Fibonacci sequence in a web page

I wrote a JavaScript and XHTML webpage. I think the format of the output is not better or the validation process is not as it is supposed to be. How can I improve the code? How can I make it more ...
2
votes
1answer
56 views

Password reveal functionality

I have made a password reveal feature, however the code is duplicated. Essentially all I want to be able to improve the code, however I'm not exactly sure how I could do this, all I know is it would ...
4
votes
2answers
53 views

Dynamic country, state select options

Here is code to dynamically choose between three country options (United States, Canada, Other). After the user selects a country it will show the related select option or an empty input (when "Other" ...
4
votes
1answer
36 views

Enforcing numeric inputs and sanitizing different formats for IE11 input fields

I'm working on a web form that functions with numeric inputs. I have <input type="number"> input fields and with Chrome and Firefox things work nicely since ...
2
votes
1answer
39 views

Nesting of paragraph with headings and cite with dynamic content in a VueJS app

Background I added a few items to a codepen that displayed a list of beers. One of them was the citation of the brewer who gave tips. Previously the tips were just generated into a ...
6
votes
1answer
74 views

map of SF transit cars

Please provide general and any specific criticism of the following which is intended to provide a map of SF transit cars. The code can be viewed in the working version and also in a group of gists. ...
3
votes
1answer
45 views

Try My Advertising Website

I was wondering about my HTML & CSS. I'll just create a list as to what concerns I have: Does my HTML & CSS follow proper coding standards and conventions? Am I making proper use of semantic ...
-1
votes
1answer
150 views

Simple HTML website with a JavaScript navigation bar (version 3)

This is a followup post to version 1, and version 2. The following code is a website with a nav-bar on it. It uses some simple JavaScript and CSS (with media-queries) to make it work: index.html: <...
3
votes
0answers
95 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 ...
5
votes
2answers
75 views

Web ToDo application in JavaScript, HTML, CSS

I would like to share with you the code from the application I just finished. It is a web application written in HTML, CSS, JavaScript and jQuery. It uses ...
4
votes
1answer
72 views

A simple Javascript Breakout game

I wrote a simple breakout game in javascript. I was wondering if anyone could give me some advice on improving my code. I wrote somethings a bit oddly so I am more then welcome to criticism (...
0
votes
1answer
130 views

Read Local File

I'm trying to read any file locally and write out the binary as string, it loads and reads small files very fast. How can I modifier it to read large files greater than 1gb without crashing the ...
0
votes
1answer
343 views

Handling keyup events with throttle or debounce in Javascript/jQuery

In my web application, there is a search input field, and when the user empties all of the text inside the input field, there is an API call made for a default-list of results, which are displayed in ...
5
votes
1answer
695 views

HTML5 audio player with CSS-styled interface for pages with multiple MP3 sources

This is one of my first JavaScript projects. It works (at least in Firefox and Chrome), but I would like to know if this code follows common best practices. This script is supposed to look for ...
1
vote
2answers
52 views

Semantics markup for home sliders

Is there a "best" or more suitable markup to home sliders? I have the following markup. Since my sliders are related to articles, I decided to put article as the ...
2
votes
1answer
81 views

Simple HTML Website (followup)

Followup to this I have created a simple HTML5/CSS3/JS website with a navbar and no content. index.html: ...
2
votes
1answer
101 views

Simple HTML website with JavaScript navbar

The following code is a website with a nav-bar on it. It uses some simple JavaScript to make it work: index.html: ...
0
votes
0answers
23 views

Semantics for a footer of an article containing author, publication and a download link

I have an article which represents a news element on the page. The basic markup is very simple: ...
3
votes
1answer
125 views

Homepage layout & styling

I'm an HTML beginner. I've created my very first HTML + CSS single page from template given to me on a course I attend at a university. The code is probably very bad. It would be really nice if ...
0
votes
0answers
18 views

Leaves in the wind animation with requestAnimationFrame

I am creating a leaves-in-the-wind effect in this pen and have been encountering performance issues, i.e. buggy frame rates every now and then on a relatively modern machine. Seeing as performance is ...
4
votes
1answer
153 views

Cricket Scoreboard for Darts

I've been learning front-end web design, and I'm looking to start diving into the back end soon. Before I do that, I want to make sure I have my HTML/CSS/JS skills down pretty solid. Here's a ...
1
vote
1answer
78 views

Simple landing page using Bootstrap

I have written a simple landing page in Twitter Bootstrap. It works fine, I just want to know if my code is written in a "good-practice" way. ...
0
votes
1answer
33 views

Large poster with positioning elements

Ignoring the text inside, what is there to be improved? This is supposed to be a poster for my Food Technology homework, but after getting some review from the informational side, I'd like some ...
3
votes
2answers
273 views

Semantic markup for card blocks

I'm using Bootstrap. I'm doing my best to work with more semantic markup and getting away from divitis. Several of these "card" blocks appear on a page, like this. Original: ...
3
votes
1answer
129 views

Tilt on hover image

I am asking for a review of this code to see if I am following common best practices or if there is a better way to accomplish the goal set for this code. My purpose was to create an image that would ...
3
votes
1answer
115 views

Make HTML/Javascript Geolocation function more linear

I'm checking users locations with HTML Geolocation before unlocking the front door. Geolocation takes a few seconds in addition to the time it takes the user to approve it, so currently I have a ...
0
votes
1answer
153 views

Downloading latest monthly files VBA - HTML. How to future proof targeting the correct files?

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 ...
10
votes
2answers
288 views

Implement a Tetris game in JavaScript using HTML5 Canvas

I just wrote a Tetris game and I'd like to ask experienced people for a code review, especially in terms of code efficiency and bad coding habits, and if the code is easy to reason about. Here is the ...
2
votes
1answer
348 views

A simple JavaScript and HTML5 Canvas drawing component

This is my first time writing a Vanilla JS plugin. I have tried to make a simple HTML5 canvas drawing script. I have tried to handle both touch and mouse events on the canvas. Kindly help me point ...
1
vote
2answers
100 views

Using <div> instead of other tag types (<span>, <p>, etc) [closed]

Is it considered bad style to always use <div> instead of using, say, <span>? I know that using specific tags like <...
7
votes
1answer
229 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. ...
1
vote
1answer
45 views

Change the title attribute of summary if details is open

I have this JavaScript code that functions as intended, although as a beginner, I do not know of a shorter, more efficient way of writing it. The code is a simple toggle that changes the ...
6
votes
1answer
278 views

Lightweight Angular tooltip component

I made a small Popup component to show different error/success...etc. messages. Template: ...
1
vote
1answer
26 views

Properly mark up multiple person using schema.org microdata

I am creating a radio episode that will have multiple conductors (usually 1 to 3): inside a loop I am associating those conductors to director providing also the <...
1
vote
0answers
40 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 ...
3
votes
3answers
97 views

PHP-generated table with colored cells

How can I make my PHP script more easier? It seems quite difficult and long but I don´t know how can I make it shorter. This code is inserted in my HTML5 code on my PHP tutorial webpage, but I need it ...
1
vote
0answers
604 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
56 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 ...
0
votes
1answer
335 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 ...
3
votes
0answers
97 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 ...
5
votes
3answers
257 views

A program to tell you if there are 2 numbers in an array that add to a given sum

there is a video on life at google about what an interview would be like and so i watched it and decided to go along and come up with a solution to the problem myself and i found it really easy this ...
1
vote
1answer
638 views

JavaScript live grade Calculator [closed]

Worth noting: I cannot use any languages other than HTML5 and JavaScript (no JQuery!). Grade calculator needs to update live. Grade calculator needs to show a percentage grade based off score obtained/...