HTML5 Zone is brought to you in partnership with:
  • submit to reddit
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.

Hirvesh Munogee12/17/12
0 replies

Elm - A Functional Reactive Programming Language Meant To Replace HTML/CSS/JavaScript

Elm is a functional reactive programming language meant to replace HTML/CSS/JavaScript. Elm is optimized for creating web GUIs, supporting complex user input, and avoiding callbacks.

Paul Underwood12/17/12
0 replies

Understanding The Viewport Meta Tag

When working on a new web design one of things you need to think about is responsive design. Is the website you are about to make going to need a responsive design?

Ryan Sukale12/17/12
0 replies

Handling Page Unload Using JavaScript

Recently for one of my projects, I was working on trying to implement some functionality wherein if the user tried to leave web page by any other means other than submitting a form, (s)he would be prompted for confirmation.

Greg Duncan12/17/12
0 replies

Hello Hilo - Hilo (JavaScript) sample for Windows Store released from Microsoft Patterns and Practices

Get your Win8/WinRT/WinJS/HTML/CSS/JS photo coding on! Use this to build your perfect holiday photo app? Learn Windows 8 Store app Dev? HTML/JavaScript? Async dev? Yep, all that and more...

Mikko Ohtamaa12/16/12
0 replies

Mobilizing websites with responsive design and HTML5

This is a blog post series tutorial for adapting your existing websites for mobile devices without building a separate mobile site. It shows, with examples, how with little changes in your HTML, CSS and Javascript code you can deliver much nicer user experience for small screen and mobile devices.

Mikko Ohtamaa12/16/12
0 replies

Working on HTML(5) for mobile sites

There is no separate “mobile HTML”. Mobile sites are normal HTML sites. Separate WAP protocol has been dead several years now. “XHTML mobile profile” is also dead.

Allen Coin12/15/12
0 replies

Douglas Crockford: Monads and Gonads

Douglas Crockford discusses one of the most elusive of all programming concepts: the monads. He attempts to break the long-standing Monad tutorial curse by explaining the concept and applications of monads in a way that is actually understandable to the audience.

Paul Underwood12/15/12
0 replies

Create Google Maps With gmaps.js

GMaps is a javascript plugin that makes it really easy to use Google Maps to display a map to your user. There are multiple options that make it easy to add pointers to the map, directions, information boxes and lots more.