We’re rewarding the question askers & reputations are being recalculated! Read more.

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
47
votes
7answers
3k views

Who's in the fellowship? When are Frodo, and the rest of the gang, together

As a variant on the fizzbuzz concept, and as an exercise for learning JavaScript, HTML5, and CSS (I know none of them very well). The regular fizzbuzz is somewhat tired, but having a web-based, ...
37
votes
5answers
2k views

First Time HTML5/CSS Site

I am working on my first HTML5/CSS web site and, like all of my first-time projects, they end up cumbersome, crude, and hard to work with when changes need to be made later in the life cycle. I am ...
26
votes
5answers
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 ...
20
votes
2answers
433 views

Calculator Snippet CC

The April 2015 Community Challenge requires building a calculator. Implement a simple calculator Where the definition of "simple" is whatever you make it - only supports basic arithmetic ...
16
votes
4answers
79k views

Snake game with canvas element code

I created a classic snake game in the canvas element. I have not considered best practices when doing this, I just wanted to finish it first. Now it's time to improve the coding practice. You can ...
15
votes
2answers
1k views

First HTML5 game: Snake

Here's my first HTML5 game: a really simple snake. I've never made a game before and haven't had too much experience with JavaScript. Fiddle ...
15
votes
1answer
384 views

Portable website template

I have spent the last 6 months as I am studying web development in college to build a website template that is responsive and accessible from as many devices and browsers as possible. I would really ...
15
votes
3answers
107 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. ...
14
votes
2answers
3k views

Semantic HTML5 and proper use of tags

I'm trying to develop a base for a blog using some of the new tags introduced in HTML5 and I want to not only make sure I'm using them correctly, but my code is also semantic. Here is just the '...
13
votes
2answers
9k views

Best way to construct a semantic HTML table?

I have to do a table like this one: ...
12
votes
4answers
1k views

HTML Review of template for site - Is this ok for HTML5?

Writing a new site, has anyone got any comments on the HTML here? Is it all semantically correct? Thanks! This will basically be the template, so I want to make sure it's pretty perfect. ...
12
votes
2answers
727 views

Simon says HTML5

Here's a little game written in HTML5 using bleeding edge audio. Since I don't do much HTML5 or Javascript, I'm particularly interested in: Structure Is this a reasonable way to structure the ...
11
votes
8answers
1k views

Fibonacci checker

I wrote a simple Fibonacci checker using HTML, CSS, and JS. This is my first JS program, so be sure to tell me everything that is wrong with it. Check it out here (http://jsfiddle.net/z49fyypt/1/), ...
11
votes
1answer
1k 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 ...
11
votes
2answers
4k views

HTML5 / JavaScript Tic-Tac-Toe

As an exercise, I decided to create a simple Tic-Tac-Toe game. It is Ruby on Rails based, but as for now I'm not using the server side for anything (I intend to build up on it in the future, though). ...
10
votes
5answers
868 views

HTML5 Elements - First markup

This is my first website. I would like to make sure that: I am using HTML5 sectioning elements correctly. I didn't forgot anything important for HTML5 compatibility like ...
10
votes
2answers
292 views

Review structure of PHP/HTML

I am very new to PHP and I kind of sort of want to create the pages like I would in ASP.NET; it's just the way I am wired. I have been inserting the header/menu using a PHP Include and here is what ...
10
votes
1answer
8k views

Adding a new class to HTML tag and writing it back with Beautiful Soup

I am working on an HTML document to which I need to add certain classes to some elements. In the following code, I am adding class img-responsive. ...
10
votes
2answers
1k views

Strict and clean HTML and CSS for teaching website

We are in the process of creating a book with the purpose of teaching people the art of html and CSS to create a website from scratch. In our book the focal point, so to say, is that the reader is ...
10
votes
2answers
473 views

Tritium website

I am working on my Tritium website (hosted on Github: feel free to fork and send pull requests), and now am looking for a review of it. If you are looking to critique the design of the website, ...
10
votes
2answers
1k views

Canvas loading animation - follow-up

This is kind of a follow-on from here: Canvas animation I've been trying to copy the following GIF animation using a canvas. I have re-factored the code following Stuart's pointers and wanted to ...
10
votes
1answer
1k views

Cordova file management

I am making an application using Phonegap where users can select and share files. When the user selects it, even if it goes offline or closes the app, I should upload it back to the server, so I need ...
10
votes
2answers
548 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 ...
10
votes
2answers
874 views

HTML5 markup for blog article

Recently I started a blog project. It is my first time that I create something so advance. I use task runners, SEO optimization, preprocessors, I will code in full stack environment and all the other ...
10
votes
2answers
237 views

“Stardust” 2D Gravity Simulator - Follow Up 1: The Planets

This is a follow up for the 2D Gravity Simulator-like Game question. Since then I have developed my javascript skills further, and now I'm using ES6 mainly. Note that even through this code uses the ...
8
votes
2answers
3k views

Simple CSS Parser

I wrote a very simple CSS parser and would appreciate some general feedback regarding the security, code style etc... Basically, this does the following: Take user's uploaded CSS file Save it to ...
8
votes
1answer
299 views

Karma Sutra game

I have created a simple Javascript game and want some second opinions on the code. How can it be done more efficiently for example? Please see the code below, plus a link to a live working version on ...
8
votes
1answer
2k views

Semantically correct html5 markup

I'm writing the markup for Corpora - A Business Theme: And started from the header section: Here is my markup for it: ...
8
votes
1answer
76 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 ...
8
votes
1answer
2k 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 ...
8
votes
1answer
4k views

HTML5 Tic-Tac-Toe game

I created an HTML5/JS tic-tac-toe game as an exercise and wanted some advice on my js code. A couple of questions: How can I improve the reset method? (currently reloads the page/re-initializes ...
8
votes
1answer
415 views

Lightweight Angular tooltip component

I made a small Popup component to show different error/success...etc. messages. Template: ...
7
votes
1answer
96k views

CSS and HTML5 for this fixed header on scroll

When I had to create a fixed header on scroll, I found a few examples on Stack Overflow but they were terrible in the sense that they relied on a fixed page height. Have a look at what I created which ...
7
votes
2answers
1k views

Feed API to display RSS feeds Ted talk

I am trying to create a webpage that will read RSS feeds from the TED talk website and display it on a page. I am using Google's Feed API for this. Here is the link to view the code online. Could ...
7
votes
3answers
8k 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 ...
7
votes
2answers
278 views

Cardshifter website meta-tags for SEO

I have written the following meta-tags for SEO, please let me know if you think this could use any improvement. I have used this article to help me put it together. I have left out the page content on ...
7
votes
2answers
2k views

Optimizing the performance of html5 video manipulation

I've been working on an html5 canvas video player with a lot of fun little extras and ui toys, the main one being a chroma key (green screen) effect that allows the user to key out different colors or ...
7
votes
2answers
780 views

Create a dynamic growing pyramid

In connection with a job application I have to progress the following task: Create a dynamic growing pyramid. The structure has to be sorted alphabetically (concerning the inserted values). ...
7
votes
2answers
128 views

Interdependent color swatch widgets

To illustrate some algorithmic problems I found while writing this code review, I needed to include a live demonstration, which I implemented using a Stack Snippet with Angular.js. The demonstration ...
7
votes
1answer
88 views

Web page for blog post demonstration

I am a CSS and HTML5 newbie. I'm creating a minimal web page to demonstrate something in a blog post. So although it doesn't need to look great, I would like it to make sure it's solid. It has no ...
7
votes
2answers
78 views

Is this a good way to create an article in HTML5?

Is this the good way to create a portfolio article in HTML5 or do you have any suggestions? Not sure about the section but I need it as overlay over the image. Is it better to use a DIV instead? <...
7
votes
3answers
96 views

Blog with Python/Flask

I've written a blog site using python and Flask. It works a little like Reddit, but instead of having some anonymous users, ...
7
votes
1answer
128 views

Generating a chess board with JavaScript

In another attempt to further my knowledge in the JavaScript language, I've written a chess board generator that will essentially create a chess board with any initial state supplied. This supports ...
7
votes
1answer
129 views

Just a calculator

This is a simple calculator made in 2/3 hours. I am still new and I was trying out some tags. If you can add some comment and say what to do and what to improve I will be really grateful. ...
7
votes
1answer
335 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. ...
7
votes
1answer
281 views

Write the HTML markup for several of (profile picture + message heading + message)

I was asked to write the HTML markup and CSS like the following: User's profile picture on the left his message heading his message content I was so concerned with how to correctly make it displayed ...
6
votes
1answer
1k views

HTML website practice exercise

Here is a problem I solved. Please review this. ...
6
votes
1answer
573 views

Why is my page semantically incorrect HTML and incorrect use of CSS?

I had a task to create a responsive HTML5/CSS3 page based on PSD layout. I got rejected and when asked for details I got these comments: semantically incorrect HTML incorrect use of ID selectors in ...
6
votes
2answers
1k views

Data attribute text() swap on hover

This is a very basic script. If the screen width is larger than say a tablet, and a portfolio link is hovered over, it will fade out the original text and replace it with the text held in the 'data-...
6
votes
2answers
89 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: ...