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
0answers
35 views

Moving shapes to random locations on hover [on hold]

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
34 views

Layout of two different styles of event labels with CSS

I have two types of event labels. The HTML markup is: ...
1
vote
0answers
25 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
642 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
82 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
45 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
99 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 ...
2
votes
1answer
164 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
85 views

Testimonial section CSS inheritance and proper use of HTML5 elements

I created this testimonial section as a prototype. HTML ...
0
votes
1answer
604 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
267 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
169 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
24 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
75 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
103 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
151 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
88 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
91 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
86 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 ...
5
votes
1answer
148 views

Expandable navigation menu

I am trying to step to the next level from student to amateur web developer, and I would like to make sure I am not making any web-development no-no's, that's all. What caused me to want to ask SO ...
23
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 ...
2
votes
1answer
58 views

Drag and normal upload code

This is a partial code of my JavaScript app. The openDoc function's task is: call newDoc if use uploads a file through ...
7
votes
2answers
62 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? ...
6
votes
2answers
233 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 ...
5
votes
1answer
68 views

Toggling Fullscreen

Please review this code: ...
4
votes
1answer
58 views

Product grid for a online catalog

I have this portion of code and I would like to know if I did it right, what changes could be done to optimize and make it better, and if I used the all the tags the right way. For the moment, the ...
12
votes
1answer
232 views

Opinions on my HTML structure

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 ...
10
votes
2answers
197 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 ...
4
votes
2answers
113 views

Validating a form without using a button and changing td class

I need to validate the form inside a table and change the class of a td-element when the value is not set. I don't have a button inside a form and I can't use the ...
5
votes
1answer
98 views

Markup of a blog page and its posts

Currently building my personal site using Jekyll, inuitcss and GitHub Pages. I'd like to hear your thoughts on the markup of my blog page and its post pages. What do you think about handling logo's ...
4
votes
1answer
156 views

javascript for controllers of multiple audio tags

I am trying to learn to create controllers for my own HTML5 audio tags, which I often have several of on the same page. The js.jQuery code below is a simple beginning to this; it works to apply a ...
7
votes
2answers
285 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 ...
0
votes
3answers
77 views

Optimizing with microdata and address tag

Can I improve this markup? Is it SEO friendly? ...
2
votes
1answer
187 views

Better way to check if Javascript Date object exists

When a button is pressed, an animation loop is triggered. At the start of the loop, I create a new time object. I also have a pause button. A problem was created when paused and then started as the ...
4
votes
1answer
81 views

Webpage Template

Introduction I am designing a website as a hobby. As you can probably tell from the code below, I am an absolute beginner. The first thing I'd like to do is to create a nice webpage template that I ...
4
votes
1answer
166 views

Function to delete oldest items out of HTML5 localStorage. Can I make it more efficient?

In a current javascript project, I'm working with the browsers localStorage, and it will pretty consistently be full. To overcome this, I wrote a wrapper to surround the localStorage object that would ...
3
votes
1answer
827 views

Creating <select> element and append data to it

I've made the following and have a few questions: Do I have some (big) mistakes in this approach? (bad practices, 'this code is trash'...) 1.1 If I do, can you suggest what to fix? Are appended ...
5
votes
2answers
291 views

How can I improve the following code using HTML5 and CSS3?

Using the Flat Web Design Tutorial offered at 1webdesigner I tried converting the resulting PSD file to HTML5 and CSS3. While attempting to use sectioning elements in the markup I quickly found myself ...
4
votes
2answers
108 views

Is there anything incorrect about this layout, semantically or otherwise?

I would like to know if my chosen layout is HTML5 standards compliant, or if I'm using the heading tags incorrectly (or any other tag for that matter)? Main Header ...
1
vote
1answer
856 views

HTML5 File API Demo

I recently wrote a small demo that allows users to send and receive files from an HTML5 Javascript application. It's all client-side. I thought this would be a good place to get feedback about what ...
2
votes
2answers
608 views

Menu traversing on next and prev button click up and down

Can anyone optimize this code? I am new to jQuery. I want add class on next and previous button click. I wrote this code that works for me, but could anyone optimize it using jQuery predefined ...
1
vote
0answers
56 views

Need to check the check box automatically when enter anything in the textarea of html editor

i need the code when i type anything the text area of the HTML editor then the other check box automatically checked. can you help me here the sample extjs code. ...
2
votes
1answer
225 views

Deleting a table row in JavaScript with OOP

I started learning OOP in JavaScript at school and I have to do my homework in OOP. It is a shopping list, one fills in a product and price and that is put into an array, the array its contents are ...
1
vote
1answer
135 views

WebGL ( Three.js ) simple application ( only js without html/css )

I have done the source code for my lesson, which I shall publish later in web at my website, let's look at it: ...
-1
votes
1answer
51 views

Text editing web app

...
4
votes
2answers
229 views

JavaScript Tic-Tac-Toe review: best practices, correctness, and any other improvements/suggestions

I just finished a little game of Tic-Tac-Toe for a class I'm in, and I think it looks alright, but I'm pretty fresh, so I would like to know how I might be able to improve it, given the situation I'm ...
1
vote
2answers
85 views

How can I add a delete function to this code that stores stuff in localStorage?

I'm adding names of blogs to localStorage. I use those to make links and get avatars. Here's a fiddle that does the adds but I need a nice delete function for individual entries. Here's part of ...
7
votes
1answer
210 views

First HTML5 game. - Snake!

so here's my first HTML5 game. It's a really simple snake. I've never made a game before and haven't had too much experience with JavaScript. Html ...
4
votes
1answer
47 views

“Stack exchange page visits” alike implementation

StackExchange page views works like this: Link The objective is to increment the page visits by one. User should not be able to do this by refreshing. Number of visits can be incremented only if ...
5
votes
1answer
309 views

adding a new class to html tag and writing it back with beautifulsoup

I am working on a HTML document to which I need to add certain classes to some elements. In following code I am adding class 'img-responsive'. Here is my code : ...