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
6 votes
2 answers
93 views

HTML5 sectioning for my design

I've designed my new website: Now I want to build up my HTML as semantic as possible. Here's my first attempt / set-up: ...
Sam's user avatar
  • 161
1 vote
1 answer
113 views

Making a news widget webpage

I have finished the assignment but would love some feedback. Data.json contains news articles data. Requirements for assignment: Fetch the data and render it on the page. Initially the page ...
Haris Khan's user avatar
2 votes
1 answer
1k views

Semantically structured HTML5 for a news page

I'm developing a website and I cut the images that I will use: ...
Peter's user avatar
  • 23
5 votes
1 answer
16k views

JavaScript function for to toggle multiple CSS-classes at once

The method toggle of Element.classList expects a parameter which names a CSS-class. You can't assign multiple classes at once ...
michael.zech's user avatar
  • 4,294
1 vote
1 answer
6k views

Custom form validation using jQuery

Recently I have been doing a bit of work with Contact Form 7 and Wordpress. I've begun looking at form validation using ...
Javacadabra's user avatar
6 votes
2 answers
7k views

Parse HTML to modify it

I'm using the following code to parse html, This code is working but since I'm new to JavaScript and working in alone project I would appreciate if you can give me some tips and feedback how can I ...
Jenny M's user avatar
  • 281
2 votes
1 answer
22k views

Simple JavaScript quiz application with radio buttons

I've created a simple JavaScript application, which also happens to be my first-ever piece of code in any programming language.It took me two days to get the core correct and another two days for ...
dsfads's user avatar
  • 23
1 vote
1 answer
1k views

Polling hash change

I've discovered that Google Chrome on iOS doesn't fire the hashchange event when the back / forward buttons are pressed. Reference: https://stackoverflow.com/q/...
Vince's user avatar
  • 187
2 votes
3 answers
120 views

JavaScript for toggling appearance

I have a dedicated stylesheet <style id="dynamicStyles"></style> for my page's dynamic styles. They are controlled by this JavaScript: ...
Charles's user avatar
  • 509
4 votes
1 answer
856 views

JavaScript function to create HTML select option elements

I made this function to get rid of writing numerical option values in a HTML-select manually. From what I have seen so far it works as expected. But hints and suggestions are welcome anyway. <...
st88's user avatar
  • 41
1 vote
1 answer
8k views

Weather app using the openweathermap.com API

I have been working on a simplistic weather application that utilizes the openweathermap.com API. I have an ajax call to make an HTTP request to get a JSON object that contains the data which is ...
brndng's user avatar
  • 115
2 votes
1 answer
386 views

100 chairs in a circle problem solving with Angular.js and visualization

Here is the problem statement: Take a second to imagine that you are in a room with 100 chairs arranged in a circle. These chairs are numbered sequentially from One to One Hundred. At some point in ...
Rahul Desai's user avatar
0 votes
2 answers
201 views

Page for personal portfolio animations

I built my portfolio page using Bootstrap and jQuery, but on lower performance computers the animations seem choppy. I am interested in JavaScript optimization and was hoping you all had some ideas on ...
brndng's user avatar
  • 115
2 votes
1 answer
395 views

JavaScript game tick

How can I achieve a more performant tick code keeping my minimum frame rate high? ...
quantumpotato's user avatar
2 votes
2 answers
220 views

Semantic HTML5 structure and Google penalty

I'm in need for clarity. I'm at an annoying step in my development of a website, and I have read a lot about semantic structure etc, but I'm a bit nervous for my current structure, so I would like to ...
Mikkel Madsen's user avatar
11 votes
1 answer
2k views

"Star Catcher" game

For fun, I have been working on this game I called Star Catcher. It's a very basic game where stars are falling and you try to catch as many of them in your bucket before you miss 10. It's a real mess ...
John Murphy's user avatar
1 vote
1 answer
161 views

Basic settings, custom error page, dynamic versioning, rewrite rules

Any suggestion is more than welcome! I had to do a few tricks in rewrite rules (checks on ENV:REDIRECT_STATUS) to avoid infinite loops, but it works fine. error....
Tommaso Belluzzo's user avatar
3 votes
1 answer
316 views

Web app to consume rest services and display charts accordingly

I have been an Angular developer for more than 5-6 months and mostly I learned with my experience. However, recently after submitting code to some competition, I got a feedback that AgularJS best ...
codeomnitrix's user avatar
3 votes
1 answer
399 views

Angular.JS table management

I am an Angular.JS beginner and this is my first application. I hope you give me some advices what to do to have better, optimized code. This application manages the data from database, shows it in ...
mrJoe's user avatar
  • 175
5 votes
2 answers
578 views

HTML 5 form validation and form handling

Problem Statement Create one form having following fields 1) Email ( with html5 email validation). 2) Password (It should take minimum 6 charactors ). 3) Your project URL ( with ...
overexchange's user avatar
  • 3,331
2 votes
1 answer
11k views

Student registration form

Problem statement Create one form having registration and student login fields for course using HTML5 elements and CSS3 styling. Expected Output Solution ...
overexchange's user avatar
  • 3,331
15 votes
3 answers
126 views

Non-generalized Site Generator

For my CS class, I need to, by the end, have written an entire website. The idea for my site is to supply information about Uromastyces. Because of this, most of each page will be nearly identical. ...
Carcigenicate's user avatar
1 vote
3 answers
6k views

Render the area of circle using HTML and JavaScript

1. Problem Statement Write a JavaScript function calcCircleArea(r) that takes as a parameter the radius of a circle and calculates and returns its area. Put the function in a file named circle-...
overexchange's user avatar
  • 3,331
3 votes
1 answer
122 views

Social image sharing site with mobile-first, responsive layout

I am rebuilding the front-end for an application that I am building and have the content laid out the way I need. I would appreciate any suggestions on how to improve the structure, specifically the ...
Jonathan Musso's user avatar
4 votes
1 answer
1k views

A closable footer bar with a floating info box

I wrote this page with the goal in mind of having a footer that runs along the bottom of the page that can be closed, and has a floating info box that appears when the footer is hovered over. I'm just ...
Carcigenicate's user avatar
5 votes
3 answers
3k views

Unordered list in HTML with animated list points

I had this idea today, but I don't have any practical usage for it right now. Any feedback or improvements welcome. Code is found at CodePen, and also presented here as a snippet: ...
michael.zech's user avatar
  • 4,294
4 votes
2 answers
97 views

Two duration widgets for a break timer, with ± buttons

I'm sure I can optimise this code, but I can't find how in order to be generic. I'm not sure that .parent and .child combination ...
jayjaypg22's user avatar
5 votes
1 answer
113 views

Displaying a map of points

I'm working on an HTML text-based game (think like OGame and other browser games of the genre). I've tried worked on a grid controller to display a map of points that you can move around when you have ...
Marc-Andre's user avatar
  • 6,701
1 vote
0 answers
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 ...
Rahul Desai's user avatar
2 votes
2 answers
861 views

Gaming Website Index Page

I am updating my gaming website's CSS and I was wondering if I am on the right track. HTML: ...
RedDragonWebDesign's user avatar
2 votes
0 answers
184 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 ...
lightning_missile's user avatar
8 votes
1 answer
80 views

Getting more detailed Stack Exchange mails -- Part 1

I made the layout for a new project which will allow you to subscribe to periodic emails about your favorite Stack Exchange site (I'm not very happy with the SE-provided one). Since I'm horrible at ...
Jeroen Vannevel's user avatar
3 votes
1 answer
185 views

Basic login script for educational purposes

I have created a login script to demonstrate the usage of sessions in PHP. The focus is not on security, databases or encryption. The idea is to exemplify how you can use sessions to protect pages ...
kexxcream's user avatar
  • 225
26 votes
5 answers
2k views

Cardshifter game lobby

We've been hard at work creating a browser-based GUI/Client for playing the Cardshifter TCG for the past week or so. Today, I just finished doing a pretty complicated layout for the chat lobby, along ...
Phrancis's user avatar
  • 20.4k
4 votes
2 answers
1k views

HTML5 Canvas game starts to lag 10 seconds after loading page

I got bored and started making a game using HTML5, CSS3, and JavaScript/jQuery. I've been working on it for about 2 weeks and it was running pretty well. Today I opened it and was moving the player'...
Qwurticus's user avatar
  • 433
-1 votes
1 answer
124 views

Offline Euler problem viewer (text only) [closed]

I've created a single page web application (that should work offline, without a database, etc.) using bootstrap and JavaScript to act as an Euler question viewer (text only). It simply renders the ...
JaDogg's user avatar
  • 4,531
4 votes
2 answers
2k views

Upload a photo with a unique name using PHP

I have written a script for basic uploading of a single image to a web server using PHP. This is an example that is intended for educational purposes in a basic PHP course. It does not take extensive ...
kexxcream's user avatar
  • 225
-2 votes
1 answer
52 views

Selecting a specific form content

This code is used for displaying only certain content of the form instead of displaying all the form content. I am using it to stop the users from filling all the form fields if those are irrelevant ...
P Sashikanth's user avatar
1 vote
1 answer
90 views

Including a header file with proper content and structure

I am new to HTML and programming in general and am currently working on setting up my first website. For this I created a couple of PHP pages with a separate file for each of them and in order to ...
keewee279's user avatar
  • 223
3 votes
1 answer
659 views

Date validation with html5 dates

This code validates the following: enddate should not be less than or equal to startdate. ...
lightning_missile's user avatar
2 votes
2 answers
86 views

Creating a menu

I have this code currently written to help me create a menu. I was just wondering if there is a way to tidy this so that there is less code needed to achieve the same thing. The code is designed to ...
user avatar
3 votes
2 answers
5k views

Typeahead / Autocomplete using AngularJS directive

I am writing a Type-ahead / Autocomplete search with angular using directive and filter service. I am almost there but need your expert opinions on things which I am planning to achieve. Git ...
Robin's user avatar
  • 133
4 votes
1 answer
211 views

Database syncing playback of videos

I made a website last night that allows people to sync HTML5 <video>s (playing/pausing). The way it does this is by using Ajax to run a MySQL query every 2 ...
Jon's user avatar
  • 205
3 votes
1 answer
814 views

Plotting non continuous functions and a real scatter example with Bokeh

I've written a python 3 code using Bokeh. With this code you can learn howto to plot math functions and a scatter plot with regression linear functions in a webpage. The target is how to plot ...
Tobal's user avatar
  • 308
8 votes
1 answer
3k views

Tic-Tac-Toe game with HTML5 canvas

I know it is a simple game, but what I am doing here is practice what I took in an AI course. I'm also playing a little with the canvas and trying to improve the readability of my code and using ...
Abdulaziz Alaa's user avatar
2 votes
0 answers
87 views

HTML5 canvas drawing from video source

I have the following code, which draws a overlay image onto video for each frame: ...
Kristian Vitozev's user avatar
1 vote
1 answer
89 views

Massive Number Of Scripts With Angular

I've recently started switching from JQuery to Angular and it's awesome at making my HTML expressive and easy to read but every reusable module I make has its own script which leads to a massive ...
Josh Horowitz's user avatar
7 votes
3 answers
10k views

On hover, hide text and display options

Recently I learned HTML+CSS and a bit of jQuery and am building various web-things to stretch my skills and learn more about how to do things the right way. I was a bit surprised at just how many ...
mgallagher's user avatar
1 vote
1 answer
2k views

Schema.org structure for a news aggregator individual post

I'm building a news aggregator website. This is my current schema structure for a single news article. There can be more than one article per page. I'm trying to have every possible piece of data ...
Andres SK's user avatar
  • 113
0 votes
1 answer
102 views

Syntax form PDO

I was able to run the form to update the data of the user profile, for the moment is in a rough version, but I know that can be improved. I post what I did, I hope you could help me to improve the ...
Marco's user avatar
  • 81

1
3 4
5
6 7
9