HTML5 Zone is brought to you in partnership with:
  • submit to reddit
Hirvesh Munogee12/21/12
2939 views
0 replies

Sani - Just A Blogging Framework Using Github

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

David Catuhe12/21/12
2316 views
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
3272 views
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
3245 views
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
2156 views
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
2288 views
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
7686 views
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
3078 views
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
2857 views
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
2362 views
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
2388 views
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
1557 views
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
1446 views
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
7943 views
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
3084 views
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
4676 views
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
6719 views
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
5030 views
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
2235 views
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
3865 views
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
2382 views
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
7192 views
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
15365 views
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.

jb j12/14/12
11888 views
1 replies

Awesome Web Tools to Simplify Front-End Development

As a developer, I really like tools that can help me save time, or just make the whole development process easier. In this article, I have compiled my favorite web tools to simplify front-end web development.

Christopher Bennage12/13/12
5656 views
0 replies

Building a Game With JavaScript

Okay, so we should use a master loop. If our runtime is the browser, how do setup this loop?