HTML5 Zone is brought to you in partnership with:
  • submit to reddit
Ryan Sukale12/25/12
0 replies

Timer Chaining in JavaScript

I designed the system as a phase based system. Since I had 4 images in my sequence, I created a object that saved the properties of 4 phases and references to the functions that would be invoked on the terimination of each function.

Julien Ruchaud12/24/12
0 replies

WebSocket with WebMotion and AngularJS

This article describes a new feature in WebMotion: the WebSockets management. We will use the AngularJS Javascript framework for the client side.

Hirvesh Munogee12/24/12
0 replies

Quintus - An Easy-To-Learn, Fun-To-Use HTML5 Game Engine For Mobile, Desktop & Beyond

Quintus is an easy-to-learn, fun-to-use HTML5 game engine for mobile, desktop and beyond.

Jeremy Foster12/24/12
0 replies

CSS for Windows 8

My CSS for Windows 8 App Development book is still in progress but should be ready for the holiday (if you consider "the holiday" to mean St. Patrick's Day). You can get an alpha and save a little money on the full release.

Krishna Prasad12/24/12
0 replies

HtmlUnit vs JSoup

n continuation of my earlier blog Jsoup: nice way to do HTML parsing in Java, in this blog I will compare JSoup with other similar framework, HtmlUnit.

Jeremy Foster12/23/12
0 replies

The Flexbox CSS Standard

The official standard for the flexbox style in CSS is documented in exhaustive detail at W3C.

Christian Grobmeier12/23/12
0 replies

Bootstrap Tabs with Angular.js

Twitter Bootstrap Tabs are a very popular feature – at least for me. I have them several times in my app. As part of my migration to Angular.js I want to use directives to switch between tabs. This has turned out so much easier than expected.

Simon Gladman12/22/12
0 replies

RIAs in HTML versus Flash

Recently, I've felt a pressure to move away from my beloved Flex and start delivering rich internet applications in JavaScript and HTML.

Raymond Camden12/22/12
0 replies

W3C and the HTML5 Spec

Yesterday the W3C (Worldwide Web Consortium) finalized the HTML5 spec.

Hirvesh Munogee12/21/12
0 replies

Cutter.js - A Library For Truncating HTML Code By Word Number Without Losing Markup

Cutter.js is a library used for truncating HTML code to limit its length, by word number, without losing the markup.

Hirvesh Munogee12/21/12
0 replies

Sani - Just A Blogging Framework Using Github

Sani is a blogging framework designed for Jekyll, to be used on Github Pages with

David Catuhe12/21/12
0 replies

Creating a Local Full Text Search Index

One issue I have with UrzaGatherer is related to the search. As you may know, I have a huge list of cards saved locally and my application allows the user to search specific cards using a part of their name. But browsing more than 20 000 cards using a text search can be really expensive mainly on low-end hardware.

Andrew Trice12/21/12
0 replies

Connected Second-Screen App Experiences with PhoneGap & Audio Watermarks

In this post I’ll show a proof-of-concept second screen experience where the content of a mobile PhoneGap application is being driven by an external source (a video) using audio watermarks.

Allen Coin12/20/12
0 replies

W3C Completes HTML5 Definition

On Monday, December 17, the World Wide Web Consortium (W3C) published the complete definitions of HTML5 and Canvas 2D specifications.

Paul Underwood12/20/12
0 replies

Create A Widget Area For A Certain Category

In WordPress you can create a sidebar widget area where the admin user can dynamically choose which widgets are displayed on the website. This makes it very easy for the user to add, edit or delete widgets with a nice drag and drop interface.

Raymond Camden12/20/12
0 replies

Dynamically Skipping Animations in Edge Animate

Here's a simple example of how you can modify an Edge Animate project to remember that a user has seen the animation and skip to the end.

Hirvesh Munogee12/20/12
0 replies

Useful List of Countries for HTML, JSON, PHP, and MORE!

The List Of Countries usage scenario is simple – this is the task that needs to be solved in a majority of applications. No matter which programming language or data format you use in your application (or which language you speak, for that matter), this country list will suit your needs.

Jon Antoine12/19/12
0 replies

Use WinJS to post a message from an iFrame to your Win8 App

Sometimes, you display information in an iframe and you need to communicate it back to your Windows 8 app. You may think like I did “just navigate to a specific page with the arguments in the URL and make the Win8 app read the location of the iframe”…. Cool but all you’ll get is an “access denied”.

Allen Coin12/19/12
0 replies

Video: JavaScript APIs You've Never Heard Of (And Some You Have)

The number of JavaScript APIs has exploded over the years, with a small subset of those APIs getting all the attention. While developers feverishly work on Web sockets and canvas, it's easy to overlook some smaller and quite useful APIs.

Gil Fink12/19/12
0 replies

CSS3 Transitions

CSS3 transitions help to change CSS properties over a specified duration with a timing function. Using it in applications can help to reduce the amount of scripts that you write in order to create simple animations. Let the browser do all the animation calculations for you.

Lorna Mitchell12/19/12
0 replies

Unpacking and Editing a Chrome Extension

I've been having an issue with one of my chrome extensions recently. The extension doesn't seem to be actively maintained, so I realised I was going to have to dive into the extension itself to understand the problems and have any chance of fixing it.

Mikko Ohtamaa12/18/12
0 replies

Considerations when mobilizing a legacy website

This tutorial is based on an consulting job to mobilize a centralized user authentication system. To be exact, the system is Shibboleth federation login used by various public sector institutions.

Niels Matthijs12/18/12
0 replies

Media Queries Based on Elements: We're Doing it Wrong

It would be truly great if we could devise our css in such a way that depending on the width of its own size, a component would react in a certain way. It's the only sane way to keep incorporating liquid/adaptive designs for the current load of devices on the market.

Jos Dirksen12/18/12
0 replies

HTML5: Server-sent events with Angular.js, Node.js and Express.js

Basically what we're going to do in this article is create a minimal Angular.js application that shows system stats and build a node.js and Express.js backend that pushes these stats to connected browsers.

Mikko Ohtamaa12/18/12
0 replies

Setting mobile browser meta viewport tag

Setting a “normalized” viewport is the first thing you do when are mobilizing a website.