HTML5 Zone is brought to you in partnership with:
  • submit to reddit
Sagar H Ganatra02/05/12
7356 views
0 replies

jQuery "Pinify" Plugin Tutorial for Building App-Like Sites

IE9 lets you integrate sites with the Windows 7 desktop easily, using the jQuery 'Pinify' plugin. This article explains how to use Pinify to break the boundaries of the browser and push your sites to Windows users more directly.

Jalpesh Vadgama02/04/12
3519 views
0 replies

Number- New HTML5 Input type

This article discusses the Number input type introduced in HTML5, integrating it in the context of an ASP.NET MVC application.

Terrence Ryan02/04/12
6456 views
1 replies

Venn Diagram entirely in CSS

Here's a short tutorial on how to make a Venn Diagram with just CSS and no fluff in the HTML markup.

Chris Smith02/03/12
8287 views
0 replies

Backbone.js vs Ember.js

A little discussion came up on IRC about Ember.js vs. Backbone.js. Jeremy Ashkena and Yehuda Katz were asked by Travis Swicegood about it. Is Ember.js an experimental attack at the end-to-end problem? Is Backbone is simply the lowest-common denominator? You discuss.

Axel Rauschmayer02/03/12
2989 views
0 replies

Servo: A Vision for the Future of Firefox

Mozilla is currently working on a project called Servo, a browser built to use many parallel processes safely -- implemented in Rust, an intriguing new programming language developed by Mozilla itself.

Ed Spencer02/03/12
3767 views
1 replies

The Class System in Sencha Touch 2

Sencha Touch 1 used the class system from Ext JS 3, which provides a simple but powerful inheritance system that makes it easier to write big complex things like applications and frameworks. Sencha Touch 2 takes Ext JS 4’s much more advanced class system and used it to create a leaner, cleaner and more beautiful framework.

Chris Smith02/02/12
2992 views
0 replies

Magic Tricks With HTML5 and a Webcam

Wes Bos recently posted this amazing video where he streams his webcam video feed directly to his browser and where he can apply effects like blur, realtime face tracking, and even a green screen.  While the face tracking effect lags a little, the rest of...

Chris Smith02/02/12
1937 views
0 replies

HTML5 Video Round-Up

Here's what's going on around the HTML5 community this week, including two videos and one really cool visualization from the HTML5 Community this week.

Niels Matthijs02/02/12
2454 views
0 replies

Irresponsibly Responsive: The 'Mobile-First' Tower of Babel

The ideals behind mobile-first and responsive design are great, but present solutions rely on inadequate data, incomplete models, and maybe a fundamentally wrong approach. Really, it's like trying to predict someone's taste in food based on the size and position of his left ear.

Ed Spencer02/02/12
5286 views
1 replies

Sencha Touch 2 PR4: Big Improvements in Data and MVC

Sencha Touch 2.0 Preview Release 4 offers a stable, almost-beta-quality foretaste of major improvements in (1) Ext.data capabilities and (2) application architecture, along with the usual slew of enhancements and bug fixes.

Chris Smith02/01/12
4698 views
0 replies

HTML5 Communication Interfaces Tutorial

Tiffany Brown provides a detailed and insightful introduction to HTML5 Web Messaging. Web messaging is a way for documents in separate browsing contexts to share data without the DOM being exposed to malicious cross-origin scripting. Unlike other forms of cross-site communication (cross-domain XMLHttpRequest, or dynamic script insertion), web messaging never directly exposes the DOM.

John Esposito02/01/12
3271 views
2 replies

HTML5 Geolocation: When, Why, How

As the web moves from interactivity to physical integration, mobile web use explodes all over the world, and the line between virtual and 'real' grows thin -- knowing your user's physical location becomes increasingly important. Location matters to physical...

Chaker Nakhli02/01/12
8693 views
0 replies

Backbone.js by Example - Part 1

I started learning Backbone.js a few weeks ago and I fell in love with it. In this post we will build a concrete application step by step: a simple graphical editor (for the impatient, here is what we are going to build in about 100 lines of javascript). We will focus on basic aspects of models and views. Routing and communication with the server will be covered in the next part of this tutorial.

Chris Smith01/31/12
3030 views
0 replies

"I Never Want to Write Plain JavaScript Again"

These are the words of legendary open-source JavaScript developer Sam Stephenson in a recent talk on CoffeeScript at FOWA 2011. The 45-minute presentation (video is here, slides are here) chronicles the evolution of higher-level approaches to JavaScript,...

John Esposito01/31/12
2685 views
0 replies

CSS3 Tidbit: hanging-punctuation

As a programmer, you care a lot about punctuation (even you Pythonistas, if less so). Good chance you also care a bit about indentation (well, especially if you code Python). So consider this quotation block:"Eggplant is the best kind of vegetable, even...

John Esposito01/31/12
2155 views
0 replies

Video: HTML5 Web Storage in 6.3 Minutes

 In this video, Dhananjay Kumar runs through HTML5's web storage features in a little over six minutes. Explains how HTML5 web storage beats older client-side storage technologies (cookies), plus some simple implementations. Great brief intro to an...

John Esposito01/30/12
2150 views
0 replies

Report: The State of HTML5 Video

LongTail Video, HTML5-expert developers of the popular JW Player, recently released a report on the state of HTML5 video. Intended audience: web developers hoping to use HTML5 video, but unsure of browser implementation details.The report looks at HTML5 video...

John Esposito01/30/12
6333 views
0 replies

Visualizing HTML5 Web Application Architecture

HTML5 is a huge complex of new features and APIs, unified around the concept of 'browser as platform'. 'Write one, run anywhere' means, for HTML5: 'write for the browser, run in any browser'.How 'browser as platform' works needn't worry the web app developer...

Prashant Khandelwal01/30/12
5820 views
0 replies

HTML5 File Drag and Drop Upload With jQuery and ASP.NET

I came across an article on Tutorialzine which demonstrates file drag and drop upload with jQuery and PHP. As a curious reader, I downloaded the sample files and took a look and also got it running on my LINUX VM. It worked like a charm. But I am a...

Robert Nyman01/30/12
4118 views
0 replies

HTML5 Demos, Tips and Tricks - Forms Input Types, Attributes and New Elements

Forms on the web. They are literally everywhere, and there seem to really be all kind of flavors for them. From day one they have been a great mean for users to input data and information and interact with various services. And what comes with that is...

Gil Fink01/29/12
1868 views
0 replies

Working with Inline Web Workers

In the past I wrote a post about what are Web Workers. In short, Web Workers enable web developers to run JavaScript code in the background which might help to increase web page performance. This post is going to explain what are inline Web Workers and...

Dhananjay Kumar01/29/12
4313 views
1 replies

DatePicker control in Windows 8 HTML5 Metro JavaScript Application

In this post I will show you, how to work with DatePicker control in HTML Metro App. DatePicker controls comes as part of WinJS. To use DatePicker control very first let us create a blank application Right click and open project in Expression Blend....

Jerry Nixon01/29/12
3308 views
1 replies

Getting Started with Mobile Web Development Using HTML5, jQuery Mobile, and ASP.NET MVC 4

Don't miss out on this first-in-a-series article leveraging cutting-edge web technologies to build mobile applications. By using HTML5, jQuery Mobile and ASP.NET MVC 4, you can target multiple mobile platforms with a single code base! By...

Chris Smith01/28/12
1693 views
0 replies

What's New in HTML5 Media

Paul Kinlan, Developer Advocate at Google, shares a plethora of new HTML5 Media features that will allow you to build more intelligent applications. Topics and code examples include real-time communication (WebRTC), Full Screen, and the Web Audio API....

Axel Rauschmayer01/27/12
2224 views
0 replies

The Increasing Pervasiveness of JavaScript: A Few Historic Milestones

JavaScript is used in more and more places. It started out as a scripting language for web content and has migrated to many areas. This post presents the historic milestones of this process. Note: The milestones are about things that changed the...