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.

learn more… | top users | synonyms

-2
votes
0answers
8 views

Should slider be inside “main” element in HTML? [on hold]

I am creating a basic HTML layout for my website which contains slider in every page. I am using main element as the wrapper of main content of website. But, w3 specifies main element should include ...
2
votes
0answers
12 views

Forecast displaying app within a User Profile

I'm a fresh newbie to web development. I'm building a web application which will display the forecast of the user's location. Yet, I'm not quite sure how to transfer the data from the National ...
7
votes
3answers
87 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 ...
-1
votes
0answers
8 views

JavaScript Table Sorting - tablesorter (parse on the fly) vs stupidtable (`data-` attributes) [closed]

I am trying to get a grasp as to which jQuery table sorting method/plugin is better. Tablesorter Parses all the table data to sortable data. Stupid Table Plugin Allows the dev to add sortable ...
1
vote
1answer
23 views

Schema.org structure for a news aggregator individual post

I'm building a news aggregator website. This is my current schema structure for a single news article. There can be more than one article per page. I'm trying to have every possible piece of data ...
0
votes
1answer
51 views

Syntax form PDO

I was able to run the form to update the data of the user profile, for the moment is in a rough version, but I know that can be improved. I post what I did, I hope you could help me to improve the ...
3
votes
1answer
55 views

CSS mask clipping and overlay SVG to achieve a two effect

I am currently attempting to create a two SVG overlay / masking like the image below: I have created a SVG for the overlay. As it stands, I am trying to create two elements one for the green side ...
15
votes
2answers
253 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 ...
3
votes
1answer
53 views

Multiple animated jQuery buttons

I've been working on this day and night and, since I'm a newbie, I can't seem to figure this out. I have a map with 27 states. Each, on click, show the highlighted state and an info box. Also, I have ...
0
votes
1answer
15 views

Semantically useful HTML for Wikipedia infoboxes?

Wikipedia uses Infoboxes for many of its articles, they contain basic information in a structured form about the topic. Take for example the articles about Stack Overflow and donkeys. There ...
6
votes
2answers
44 views

Scaling the last column in a table (with input) to match the container

I recently ran in to a problem with the presentation of data related to a graph. Each series of data has values that define the 'curve'. There can be a lot of these values, and I decided that there ...
2
votes
2answers
59 views

Toggle code using jQuery

I have here some code which is working but it seems to be a lot of coding to do here. I would really appreciate if someone could make this simpler. ...
3
votes
2answers
171 views

Responsive web design using HTML5/PHP/Bootstrap3.3.4

I am trying to understand the basics of responsive web design using bootstrap. So, is this a good way of structuring the layout of a responsive web page or are there any other/better alternatives? ...
4
votes
4answers
109 views

Maths Q&A game in JavaScript

This used to be university work now I put it our here for review purposes. Could this be constructed better? Is there any easier path, performance-wise? Could this be optimised? Which features ...
0
votes
1answer
31 views

Radio group labelling and semantics

I can't seem to get fieldset's to react properly when using display:table and ...
3
votes
2answers
124 views

HTML5 Video player

I do HTML5 Video player with some controls. I have a button, where I change classname for make play, pause or replay button. I have a mute/unmute button, volume range slider, timer and fullscreen mode ...
3
votes
2answers
76 views

Star rating: Update stars on click and don't lose the actual vote on re-hover

I'm trying to make a star based rating system. First of all, I don't like to make it all with JS and only innerHTML the rated stars in a given div. I want to make ...
3
votes
0answers
117 views

Efficient JavaScript/jQuery typewriter effect that handles HTML5, entities, and text

How should this code be improved? For instance: How could it be shorter, clearer, deal with memory better, use a plugin/library, better prepared for web input? I can break up and clarify the regex ...
0
votes
1answer
63 views

Simple alternative to `replace()` for JavaScript tabs

The Set-Up: I am working on an HTML / JavaScript listing template for on-line auctions. There are two sets of tabbed navigation features in the listing that are driven by javascript as well as a ...
4
votes
1answer
162 views

Notepad5, a simple HTML5, JavaScript notepad webapp

I made a simple notepad webapp, called Notepad5. You can use it to make notes while browsing the web and don't want to open up a separate application or extension to put the notes down and don't want ...
2
votes
0answers
83 views

HTML5/CSS live Validation w/jQuery

I've been working on a live form validation project, initially I intended on finding a way to solely use CSS for said validation but it quickly became apparent I would require some jQuery to get it to ...
2
votes
0answers
146 views

Websocket-based server for Raspberry Pi

I am trying to build a websocket server to run on the Raspberry Pi. The websocket server has to push periodic realtime update to a browser. Here is a sample code that I am planning to use. The example ...
2
votes
2answers
142 views

Displaying current date and time using JavaScript and HTML time tag

I am creating a simple support ticket system. I thought It would be a nice little feature to show the current date and time. Since I want to show the current time I thought JavaScript would be best ...
1
vote
1answer
34 views

Schema.org combining different categories

This is the follow up version of a previous question on combining different categories and their properties. The home page contains the overarching company information. The product page contains ...
1
vote
1answer
139 views

Schema.org microdata code check

I updated my code based on the feedback from my previous question. There is one for the home page and one for the product pages: Home page code: ...
1
vote
1answer
34 views

Schema.org Microdata broadest tag check

I have defined the tag that can sit on all the pages of my website and be easily integrated into the admin tool. It is the broadest category with properties that are relevant for all pages. Can you ...
5
votes
1answer
70 views

Enlighten Designs Tutorial - HTML5 Markup

I have taken the following design from a tutorial done in 2006, and have decided to markup it up in HTML5. The design is as follows: My markup is as follows: ...
1
vote
2answers
81 views

Judgement calls in applying basic HTML5 elements

Having developed a page in HTML4 I'm looking to improve my page by developing it in HTML5 and specifically looking to use the header, nav, section, article, aside and footer elments. I realise its a ...
1
vote
1answer
2k views

Bootstrap Comment post HTML markup

I am creating styles for the comment posts for a projects using BootStrap. I am wondering if this is good HTML markup and the extending of BootStrap's CSS. Using HTML5 markup recommendations the HTML ...
11
votes
8answers
872 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/), ...
6
votes
2answers
122 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 ...
30
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, ...
3
votes
1answer
89 views

Canvas color detection

I am coding a game, and I need to detect the color of a rectangles on a canvas, by moving a character and touching them, so that a message will be displayed "this is magenta" and so on. Please find ...
1
vote
1answer
82 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
70 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 ...
3
votes
1answer
156 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. ...
11
votes
2answers
193 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
559 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
68 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 ...
1
vote
0answers
194 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
178 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, ...
1
vote
0answers
51 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
126 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 ...
3
votes
1answer
85 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
127 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
116 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 ...
3
votes
0answers
176 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 ...
5
votes
2answers
71 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
87 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: ...
4
votes
1answer
128 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 ...