PhoneGap allows you to develop an application in HTML5 and run it as an native app on your mobile device. PhoneGap does this by running the application in a web browser control in the background. So when the user starts navigating trough your application, PhoneGap will intercept this and navigate to the files which are stored locally on the phone. But PhoneGap offers much more than this...
HTML5 is becoming more popular by day, especially with it becoming a first class citizen in the Windows 8 development platform. Here is an set of resources to get you started with the basics.
So - as much as I'd like to pretend I don't have to, I'm beginning to wrap my head around the joy that is IndexedDB. WebSQL, which is pretty easy to understand if you've done SQL, is unfortunately deprecated and the future is IndexedDB. In a WebSQL solution, it is pretty simple. You execute SQL that runs CREATE TABLE IF NOT EXISTS. Under IndexedDB this process is a bit weirder. Why?
Last week I was asked to evaluate the technical impact of transferring a (rather simple) animation to html5 and css3. So I searched around, looked at some css3 animation demos and figured that with a few minor adjustments it wouldn't pose any real technical challenge. Before I finalized my answer I waited a minute to reconsider the problem, as it felt as if I had somehow missed the most essential part of the question.
I’m going to focus on one interesting scenario that isn’t directly covered by the HTML5 standard, but is in high demand and visually impressive. It’s audio visualization using the HTML5 audio tag.
HTML5 is great for game development -- sure, there are a lot of skeptics, but the ability to create a game that runs on all platforms with very little modification is unparalleled. This is part one of a three part series where I'll be sharing my tips for developing a cross-platform HTML5 game.
I’ve had this example in mind for a while now and seeing something similar in the wild, made me want to write this article down. So, in this article you’ll learn how to create an interactive menu using CSS3 goodness and jQuery’s power.
These days, we are starting a new project for realizing a Rich Internet Application (RIA). One of the first questions is: Which technologies and frameworks shall we use? Find out some pros and cons for different approaches and situations.
Since I started experimenting with the Indexed DB API, I have been searching for a simple way to add, retrieve, change, data. In the beginning I wrote a little framework that provided some methods to retrieve, add data without having to think how to setup a connection. For experimenting this was enough, but when I started to build some demo apps, I noticed a needed a more generic way to do my CRUD operations. So I start searching the internet for frameworks around the Indexed DB API’s. One project I found very interesting...
I have been meaning to write this post for awhile. A few friends have asked me to explain how to do HTML5 in Drupal 7, so without further ado, here it is...
In this article I'll show you how to do use webrtc and a couple of other HTML5 standards to accomplish face recognition.
I had heard about Handlebars from various people. It's also the templating engine that Ember.js uses. Handlebars works by allowing you to define templates using simple script blocks.
Storage.js is a jQuery plugin for simple HTML5 page edits. Storage.js uses the new HTML5 contenteditable attribute and localStorage to bring you editable content in the browser, while saving the state of all your work even after a browser restart.
Undoubtedly, the canvas element in HTML5 is the biggest feature that developers will want to use to develop truly rich web applications without needing to install browser plug-ins like Adobe's Flash player. IE9 was born at a time when client richness is at the forefront of developers' minds. Modern browsers like Chrome, Firefox, and Internet Explorer 9 and 10 all support it. But what exactly is the canvas element in HTML5? How can you use it to create rich web applications?
Riloadr is a cross-browser framework-independent responsive images loader. The goal of this library is to deliver optimized, contextual image sizes in responsive layouts that utilize dramatically different image sizes at different resolutions.
Knowing the location of your users can help boost the quality of your Web site and the speed of your service. In the past, users had to actively input their location and submit it to a site, either by typing it, using a long drop-down list, or clicking a map. Now, with the HTML5 Geolocation API, finding your users (with their permission) is easier than ever.
Recently I came across the function drawImage, which can be used to draw an Image or Video on a HTML5 Canvas. Once an image is drawn on the Canvas, its base64 encoded data can be obtained by calling the toDataURL function on the Canvas object. This data can then be transferred over a ColdFusion WebSocket to all subscribers, who can then use this data to draw the image (video frame) on a Canvas.
One of the things that I found very common to do when you use IndexedDB is retrieving all the stored items in an objectStore. This post will show you how to implement such a function.
Elsewhere I have discussed IndexedDB, an in-browser database. This means, once we can persist data on the client, it’s possible to make our web application offline available. For this we have the offline application caching API.