HTML5 Zone is brought to you in partnership with:
  • submit to reddit
Lorna Mitchell12/19/12
2257 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
1520 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
1396 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
7561 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
2929 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
4395 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
6405 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
4581 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
2133 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
3651 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
2314 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
7036 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
14257 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
11574 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
5575 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?

Jeremy Foster12/13/12
3266 views
0 replies

Windows Store Apps: Uninentionally Open Source?

The technical answer is YES. You can access the source code for Windows Store apps written in HTML/JavaScript. But there are a few reasons that you should forego panic.

Clark Sell12/12/12
4270 views
0 replies

31 Days of Windows 8 for HTML5 | Day #31: Design

Today is the last day of this series, and we’re going to focus on designing Windows 8 applications today.

Christopher Bennage12/12/12
2985 views
0 replies

A N00b's Look at HTML5 Game Development

I’ve actually made numerous arrested attempts to write a game, but my last attempt has been more fruitful. I’ve learned a lot in my most recent endeavor, so it’s time to share.

Jos Dirksen12/12/12
21346 views
0 replies

Drag and Drop with AngularJS using jQuery UI

What I want to show in this article is how to create a directive that allows you to create simple drag and drop lists with AngularJS and jQueryUI.

Clark Sell12/11/12
3131 views
0 replies

31 Days of Windows 8 for HTML5 | Day #30: Store

Wow, here we are finally talking about the Store. Today we’re going to share with you some of our steps and experience in not only helping others get their apps into the store, but also submitting our own.

Paul Underwood12/11/12
5675 views
0 replies

CSS3 Image Filters

In this tutorial we are going to look at a great new features called CSS filters. This is a new feature that can be used on both HTML elements and images, but I think it's best used on images and can create nice effects on image galleries.

Catalin Red12/11/12
3576 views
0 replies

CSS Diagonal Borders Still Not Rendering Properly on Firefox

Recently I was working on a small web project and while creating the so-well-known triangle effect using CSS borders I noticed some rendering inconsistencies on Firefox I thought were fixed by now.

Geertjan Wielenga12/10/12
30194 views
0 replies

Backbone.js Meets RESTful Web Services

From NetBeans IDE 7.3 onwards, a Backbone.js file can be generated from a RESTful web service. The Backbone.js file contains complete CRUD functionality and your HTML5 application can immediately be deployed to make use of those features. Coupled with the...

Krishna Prasad12/10/12
11137 views
0 replies

Jsoup: A Nice Way to do HTML Parsing in Java

Typically you do HTML parsing in Java for various reasons like JUnit testing, Web Crawling and others. I stumbled across JSoup and tried few things to understand its capabilities.

Gil Fink12/10/12
4829 views
0 replies

Using Media Queries in JavaScript Code

One of the great additions in CSS3 is the ability to use media queries. So you want to use media queries in your JavaScript code.