HTML5 is the latest revision of the HTML standard, including many new syntactical features and several APIs that support drawing, video, audio, etc.

learn more… | top users | synonyms

1
vote
1answer
38 views

Simple use of mouse clicks to position a ball

Here's a simple program I wrote to teach myself the basics of using a mouse for a potential HTML5/JavaScript game. The thing that tripped me up was event.clientX ...
6
votes
1answer
45 views

Simple example to get started with a browser based game

Here is a "hello world" simple skeleton I wrote to get started on an HTML5/javascript game. I converted it from a python example provided in Coursera's "An Introduction to Interactive Programming in ...
1
vote
1answer
46 views

Visual increment and decrement button controls in jQuery

I currently have a working implementation of a + and - tank level thingy (I don't really know what to call it). In which will be able to 'add' or 'remove' so-called 'liquid' from the container. ...
10
votes
1answer
88 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 ...
8
votes
5answers
490 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 ...
7
votes
2answers
53 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 ...
0
votes
0answers
22 views

Cleaning up a custom checkbox implemented using the shadow DOM

I'm porting Google's "paper elements" checkbox out of Polymer. This implementation doesn't use two-way data-binding. Instead, it relies on a few event handlers. Everything works, but it feels pretty ...
0
votes
2answers
50 views

Form submit using POST handled in PHP

I have this code working for submitting a form using PHP and HTML (Bootstrap). I did not post the CSS, so I hope this is not an issue. I am interested if this code is clean, following good practices, ...
0
votes
0answers
26 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, ...
3
votes
1answer
56 views

Transparent encryption of HTML5 storage engine(s)

I am looking for feedback and possible suggestions regarding a piece of JS code that performs transparent symmetric encryption/decryption of user specified data using the HTML5 ...
0
votes
1answer
66 views

First HTML5/CSS site

My girlfriend and a friend started a Kiwanis club around here, so I figured it would be a good opportunity to try coding my first web site. I'm pretty new to coding still and it's pretty basic, so I'm ...
3
votes
1answer
78 views

Refactored nearly identical HTML forms

I have two forms in my HTML page. Both share a set of input elements (not a part of any of the forms, but rather residing separately). Besides that, the forms have their own input elements as well. ...
6
votes
3answers
109 views

Make website design more elegant and have better compatibility

This is my very first website which is going to be published online. Along the way it's gonna be a complete website. Now, firstly, I am a very beginner in this field, and I want to be a good web ...
3
votes
1answer
63 views

Traversing a tile-based 2D-array map using keyboard controls

I've produced the beginnings of an RPG-style game using HTML5 and canvas. So far you can use the keyboard controls WASD to move an avatar around a simple tile-based map. The map is constructed of ...
2
votes
0answers
63 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 ...
4
votes
2answers
61 views

First WordPress template

I wrote my first template, but didn't include any styling. What do you think? What's good what's bad? ...
2
votes
2answers
32 views

A more efficient/cleaner way of scrolling a div's contents in HTML

My current code for scrolling an image contained within a div is: ...
1
vote
1answer
60 views

More maintainable API for wysihtml5 widget

For an HTML calendar with jQuery, I put in event listeners to enable jQuery drag-and-drop that reads and writes to persistence using HTTP get and post with JSON structures. Now I'd like to make the ...
1
vote
2answers
174 views

Loading div sections from separate files

I am loading divs from separate HTML files into a div on the index.html page. This is being done using jQuery's ...
6
votes
1answer
167 views

Cordova file management (Any chance for Apple rejection?)

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 ...
4
votes
1answer
87 views

Fictional Hotel Website

I've made a fictional hotel website that shows you hotel details when you click on a button. jsFiddle ...
7
votes
2answers
76 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 ...
3
votes
1answer
287 views

HTML 5 Blog Layout / Markup

I'm creating a WordPress theme in HTML 5 which is relatively new to me. I've read up on it and I read things that seem to contradict one another or differing opinions. One of the big things is where ...
0
votes
1answer
27 views

Can I use a header tag in footer inside section?

I want to know if I can use a header tag in footer inside section. I also want to know if this follows SEO. For example, I made four section boxes in footer: ...
2
votes
1answer
108 views

Can the performance of this canvas drawImage() test be improved?

I have a quite simple loop that draws an 8px by 8px image many times in a canvas in a tiling fashion. Currently it's drawing 7500 images each loop. See the jsfiddle. ...
6
votes
1answer
195 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 ...
1
vote
1answer
42 views

Is the Button, an <a> element with svg code and hidden link content inside, ARIA conform and well laid out?

I have an a element for a button. The SVG snippet inside links to the containing SVG file at the top of the body. ...
10
votes
2answers
164 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
263 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 ...
2
votes
1answer
102 views

Best way to handle tap gestures

I'm building a small web app primarily for mobile use. I have some widgets that need to handle tap gestures in the expected way, and I don't feel this one feature is reason enough to include JQuery ...
6
votes
2answers
223 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 ...
1
vote
0answers
172 views

Moving shapes to random locations on hover [closed]

What I'm trying to achieve: So this JavaScript code create circles and rectangles on the html canvas at random positions (x, y). What I want to do is whenever the user hovers over a shape, I want the ...
2
votes
1answer
77 views

Layout of two different styles of event labels with CSS

I have two types of event labels. The HTML markup is: ...
2
votes
0answers
148 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 ...
13
votes
4answers
2k 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 ...
2
votes
2answers
357 views

HTML & CSS code for small responsive test project based on Bootstrap 3

Don't pay attention to the menu being awful above 789px. The "theoretical" task was to support only tablets and smartphones and I didn't bother to make the menu look fine on other devices. Just ...
3
votes
1answer
104 views

Is there a more semantic way to markup Price Lists? Example as Table and as Description List

I have a pricing list that I can make sense of as both a table and as a description list. Using a table feels hackish. I thought a dl might be appropriate because description lists "are useful for ...
3
votes
1answer
158 views

Correct way to center logo and navigation

I'm new to CSS and HTML and while I've achieved a centering of the logo and navigation links, it feels wrong. I'm developing a site for a small non-profit for a side project. I have a logo next to a ...
3
votes
1answer
1k views

Movie tickets booking system (Frontend only)

I developed this tickets booking system recently to showcase HTML5 features. I would like you to review it from the UI/UX perspective. Also if there is something more that I can add. Is it good ...
2
votes
2answers
578 views

Testimonial section CSS inheritance and proper use of HTML5 elements

I created this testimonial section as a prototype. HTML ...
2
votes
1answer
11k 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 ...
11
votes
2answers
2k 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). ...
7
votes
1answer
240 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 ...
3
votes
1answer
27 views

Should I return an object wrapped by an article tag?

Not sure if this is the right board for this topic but since it will affect my SEO i guess it's not that wrong to ask about this in here. I just took on a website that lists some stores around your ...
4
votes
2answers
187 views

Can this localStorage login script be written more efficiently?

I understand that account details should be stored using a much more secure method, but this is only a demonstration script I've made to store login credentials and remember a user wishes to remain ...
2
votes
1answer
290 views

jQuery for image swapping and some JS for text swapping

I am designing a website for a company that manages buildings/real estate. I did not have much use for a CSS library like Bootstrap or Foundation, except on one page of the website. This page ...
6
votes
2answers
219 views

Simple grid system made out of CSS columns

I have been researching and experimenting with HTML5 and CSS3. I was aiming to create a very simple but efficient tiled gallery / grids. So some sort of grid system that I can layout anything inside. ...
6
votes
1answer
120 views

Plan to make a small game - got a hang of canvas and made a cube fly around

I'm planning to make a small game for learning purposes. So far, I've got the hang of the canvas element and using the context to draw things on it, as well as object notation and classes in ...
1
vote
2answers
123 views

What are practical issues using this code with common JavaScript libraries?

I'm not a JavaScript programmer. I have next to no idea about "what's out there" of libraries and so on. Therefore it's not unlikely that the referred to Windows HTML Application (HTA) code here, ...
3
votes
0answers
140 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 ...