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
votes
0answers
19 views

Feedback on a worksheet/reference sheet I made for a total-beginners adult web design class I'm teaching tonight? [on hold]

The worksheet's at: http://www.robertakarobin.com/anatomyofawebsite I made it using PHP and HTML. This is for a one-time, 90-minute class I've taught a few times that's intended to give adults a ...
2
votes
2answers
23 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: ...
-3
votes
0answers
25 views

Spot the error(s) in this script [on hold]

I'm working on a little text based javascript game and I've been using chromes Javascript console for the output. The 'game' works off a series of methods written into an object called ...
1
vote
1answer
31 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
94 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
104 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
73 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
247 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
19 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
80 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
93 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
31 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
132 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
228 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
77 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
135 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
103 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
73 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
92 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
972 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
180 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
75 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
143 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
698 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
355 views

Testimonial section CSS inheritance and proper use of HTML5 elements

I created this testimonial section as a prototype. HTML ...
2
votes
1answer
5k 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
714 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
217 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
26 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
126 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
245 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
201 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
101 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
109 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
124 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
372 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 ...
26
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
64 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
361 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
88 views

Toggling Fullscreen

Please review this code: ...
4
votes
1answer
87 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
250 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
217 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
123 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
109 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
233 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
481 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
93 views

Optimizing with microdata and address tag

Can I improve this markup? Is it SEO friendly? ...