HTML5 Zone is brought to you in partnership with:
  • submit to reddit
Sagar H Ganatra05/24/13
225 views
0 replies

WebRTC experiment - Recognizing hand gestures

I have created a web application that recognizes hand gestures using WebRTC's getUserMedia API. Here's how it works...

Raymond Camden05/24/13
275 views
0 replies

The Future of the Web

I know, I know. The title sounds like SEO-link-bait, I apologize. I want to talk about something that I'm fairly excited about, and I hope it excites you as well.

Chris Smith05/24/13
208 views
0 replies

Responsive Principles At the Heart of Our Design

When approaching the task of creating a new standard theme for AnswerHub we wanted to make sure we got one thing right -- Responsive Design. We wanted to provide a consistent experience for users throughout the platform, regardless of the device they're using.

Brian Swartzfager05/24/13
232 views
0 replies

Follow Up Post: Hiding All But The Current Bootstrap Popover

Last year around this same time, I published a blog post about a technique I developed for creating multiple Twitter Bootstrap popovers. A commenter on the original post asked how he could use my technique but ensure that only one popover was open at any given time.

Raymond Camden05/23/13
309 views
0 replies

Infinite Scroll Example with ColdFusion

A few weeks ago a reader asked if I had an example of infinite scroll with a ColdFusion back end. I replied that I did not, and that infinite scroll was the worst thing to happen to the Internet since the rainbow horizontal rule.

Yusuf Aytaş05/23/13
404 views
0 replies

Dependency Injection in JavaScript

Following recent developments, we will present what dependency injection is, its advantages and simple implementation of this pattern in JavaScript.

Paul Underwood05/23/13
453 views
0 replies

Create An Animated CSS Box Menu

In this tutorial were going to play with CSS transitions to create a new style navigation menu. The effect we are aiming for is having a number of navigation boxes, and when the mouse hovers over a box this will grow and shrink the other boxes.

Lorna Mitchell05/23/13
556 views
0 replies

Simplest PHP Generator Example

I really like the generators feature that's arriving in PHP 5.5, and since we're now into release candidate releases, it's actually not that far away.

Allen Coin05/22/13
3147 views
0 replies

Links You Don't Want to Miss (May 22)

Today: Memcached 10 years later, JS struggles, why can't testers and developers get along?; Neil deGrasse Tyson settles the Star Trek vs. Star Wars debate, and how to boost your eBook revenue.

Ben Forta05/22/13
367 views
0 replies

Raymond Camden On JavaScript Design Patterns

Raymond Camden has been digging into JavaScript design patterns. His latest post in the serires is a great disucssion of The Revealing Module Pattern.

David Catuhe05/22/13
403 views
0 replies

Benchmarking a HTML5 game: HTML5 Potatoes Gaming Bench

This article used a benchmark framework called “HTML5 Potatoes Gaming Bench” to obtain a consistent scoring for various sprites tests. I will try to explain you how we built this framework and the decision we made to make it representative of the effective performance of the tested hardware and browser.

Christopher Bennage05/22/13
406 views
0 replies

A Couple of JavaScript Questions

A friend was reviewing the last post and he asked two questions about a JavaScript snippet. (1) Why am I initializing entityIndex outside the loop? (2) Why do I compare entityIndex to 0?

Tim Spann05/22/13
1819 views
0 replies

Cool HTML5, CSS3 and JS Tools

Here is a curated list of some cool HTML5, CSS and JavaScript Tools

Paul Underwood05/21/13
570 views
0 replies

Resize Image Class With PHP

In this tutorial we are going to create a PHP class that will allow you to resize an image to any dimension you want, it will allow you to resize while keeping the aspect ratio of the image.

Paul Hammant05/21/13
480 views
0 replies

Coming to Angular from something else

There’s a recent blog entry on the ArtLogic.com site about learning Angular. One aspect of it resonates with me: “Quit jQuery for a While” It’s true. You could well be used to having ‘on click’ equivalent event that mutate the DOM, and think that you could well mutate Angular models instead.

Brian Rinaldi05/21/13
707 views
0 replies

Best of JavaScript, HTML & CSS - Week of May 13, 2013

A busy week of tutorials this week, with the majority focusing on straight HTML, CSS and JavaScript (i.e. no frameworks). This week was also Google I/O where they announced a new web/UI framework called Polymer that is currently available as a pre-alpha.

Raymond Camden05/21/13
502 views
0 replies

Capturing camera/picture data without PhoneGap

As people know, I'm a huge fan of PhoneGap and what it allows me to do with JavaScript, HTML, and CSS. But I think it is crucial to remember that you don't always need PhoneGap. A great example of that is camera access.

Larry Franks05/20/13
481 views
0 replies

Web-client development with Ember.js and Windows Azure Mobile Services - Part 4

In the previous posts I covered creating an Ember.js-based single page application, then wiring it up to Windows Azure Mobile Services for data storage.

Tim Spann05/20/13
598 views
0 replies

Spring MVC + Modern HTML5

Tobacco tries it’s best to always include the latest release versions of most popular client libraries. Latest Tobacco 1.0.12 charges you with Spring 3.2.2, Twitter Bootstrap 2.3.1, jQuery 1.9.1 and Backbone.js 1.0.0

Konrad Garus05/20/13
543 views
0 replies

Getting Started with Pedestal on Client Side

I finally got to spend a longer while with Pedestal. It is a pure Clojure web framework, where by pure I mean that you’ll see Clojure on back- as well as front end. For starters I only focused on the front end and that’s what this post is about.

Jon Antoine05/20/13
458 views
0 replies

WinJS: use the same data in the zoomed out and zoomed in view.

The Semantic zoom let you display your data in a zoomed out and zoomed in way. It’s really fine when your data is grouped but sometimes you need to display a non-grouped data just in a different way with a different template.

Allen Coin05/19/13
554 views
0 replies

Video: Three Keys to Successful Single Page Web Applications

Moving logic and data to the client and loading only changes are important pieces of the puzzle, but to make your SPA performant for the user as well as the developer means you'll have to address certain issues with SEO, analytics, error tracking, and more. Join Josh as he walks you through elegant solutions to these challenges.

Allen Coin05/19/13
703 views
0 replies

Video: microformats2 & HTML5: The Next Evolutionary Step For Web Data

Tantek Çelik of Mozilla talks about the exciting improvements that microformats2 and newer HTML5 elements bring to structured web data.

Allen Coin05/18/13
575 views
0 replies

Video: Building Web Applications with Ember.js

In this talk, Yehuda Katz shows us how Ember can be used to build fast and responsive apps, and shares some nifty aspects of Ember you might not know about.

Raymond Camden05/17/13
404 views
0 replies

Hear me wax poetic on Nerd Radio

Ray Camden, Adobe Creative Cloud Evangelist, talks with us about his sessions at MAX covering topics like PhoneGap Build and web development tools.