HTML5 Zone is brought to you in partnership with:
  • submit to reddit
Raymond Camden05/25/13
237 views
0 replies

Video Tutorial: Installing the Ripple Emulator for PhoneGap Development

I wanted to create a quick video tutorial on how to install the Ripple Emulator for PhoneGap developers. Feel free to share and give to team members who may be new to PhoneGap Development.

Merrick Chaffer05/25/13
148 views
0 replies

Icon editor for favicon in the web

Came across this in the book I'm reading at the moment, http://www.xiconeditor.com/ - rather clever little tool from Microsoft for creating the favicon for your website, for when users book mark it on their iPad / iPod or desktop PC.

Chris Smith05/24/13
403 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
430 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.

Sagar H Ganatra05/24/13
351 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
534 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.

Raymond Camden05/23/13
331 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
449 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
481 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
606 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
3246 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
384 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
427 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
433 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
1913 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
596 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
506 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
742 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
524 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.

Jon Antoine05/20/13
470 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.

Larry Franks05/20/13
498 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
613 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
552 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.

Allen Coin05/19/13
566 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
715 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.