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

2
votes
1answer
19 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
46 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
68 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
75 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
37 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
53 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
56 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
60 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
156 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
48 views

Toggling Fullscreen

Please review this code: ...
4
votes
1answer
34 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
151 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
170 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
87 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
91 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
71 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
193 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
63 views

Optimizing with microdata and address tag

Can I improve this markup? Is it SEO friendly? ...
2
votes
1answer
136 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
80 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 ...
3
votes
1answer
107 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
299 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
211 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
105 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
450 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 ...
1
vote
2answers
488 views

Creating Lists and Sublists Dynamically

I'm working on a simple little one page website for giving a presentation and I have some working code now, but I'm thinking there has to be a more elegant way of doing this. I would describe myself, ...
2
votes
2answers
357 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
48 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
158 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
126 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: ...
0
votes
1answer
44 views

Text editing web app

...
4
votes
2answers
185 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
78 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
190 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
44 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
179 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 : ...
3
votes
1answer
46 views

Optimizations for this user-account HTML structure?

I need a valid and semantic HTML structure for the user-account (user-panel) section of the overall layout of my web application. What I saw in other web apps include: User title (or email, or ...
2
votes
1answer
374 views

jQuery toggle sort order and save to variable

This is copied directly from Stackoverflow as I was suggested to post it here. I have the below code, which does work fine but I find it quite big and had hoped there was a cleaner/smaller "toggle" ...
5
votes
2answers
69 views

Am I following the correct principles for HTML / CSS coding?

I've just started learning HTML and CSS. Currently I'm creating a test site to practice with. I'm just after an early idea if the principles I'm using are correct.The below is an snipit from the main ...
1
vote
1answer
77 views

Simplifying an ajax script in my HTML

I'm using Twitter Bootstrap and I'm working on a page that has several tabs that all have carousels in them (each with a ton of images) I've managed to write an AJAX script that pulls the images from ...
6
votes
2answers
199 views

CSS code organizing

I like to keep my code organized, usually in several files. It is good for CSS. For instance: I have three files: First - layout.html, this is the main template. ...
2
votes
2answers
72 views

Having less code for the current program

I am was writing a practice program in javascript and it turned out to work quite alright, however I am not entirely happy with the code. I can't shake the feeling that there is a lot of code which ...
8
votes
2answers
239 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 ...
1
vote
1answer
2k views

Toggle HTML elements' visbility based on selected checkbox(es)

I want to toggle button visibility based on values a user selects within a group of checkboxes. For example, the user may be given a group of checkboxes with colors: ...
0
votes
1answer
71 views

Is the HTML5 markup right implemented and semantically correct?

I was asking if the following code has a correct semantically markup, or can it better, and so yes, how: ...
3
votes
1answer
171 views

JavaScript playing different audio files based on video keyframe

the general idea of function below is to load a different sound file depending on current time position of the video. I have the following information about audio files: ...
1
vote
1answer
792 views

Using a single for loop to load multiple images in a canvas, better method?

I was just wondering if there's a better way to do this? If I ever have to worry about earlier images not being loaded before the later images, i.e. image[3] being loaded after image[21]. Any ...
3
votes
2answers
98 views

Replacing simple jQuery methods for better use

There are a few common jQuery call I find my self calling when creating my app. I need some help and maybe a better way to do all this or rewrite it. 1) Singleton Selector If I want to select only ...
3
votes
1answer
92 views

Collision detection accuracy

How do you guys think I can improve the code for collision detection on my website asteroidfield.eu5.org? The current code is ...