Kristof Degrave04/30/12
18143 views
0 replies
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...
Gil Fink04/29/12
2912 views
0 replies
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.
Raymond Camden04/29/12
1934 views
0 replies
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?
Hirvesh Munogee04/28/12
5082 views
0 replies
KineticJS is an HTML5 Canvas JavaScript library that extends the 2d context by enabling canvas interactivity for desktop and mobile applications.
Niels Matthijs04/27/12
1819 views
0 replies
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.
Hirvesh Munogee04/26/12
3309 views
0 replies
idb.filesystem.js is a well tested JavaScript polyfill implementation of the HTML5 Filesystem API. It is intended for browsers that do not support the API natively.
Konstantin Kichinsky04/25/12
6121 views
0 replies
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.
Andrei Vishnevsky04/25/12
17707 views
1 replies
HTML5 Canvas based rich User Interface with Zebra. Zebra is JavaScript library for development applications which "live" in a user browser and fully rely on pure WEB standards. Zebra sits on HTML5 Canvas what makes possible to build and render any UI components you can imagine using handy framework and simple OOP concept.
Austin Hallock04/25/12
16273 views
0 replies
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.
Catalin Red04/24/12
4202 views
0 replies
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.
Kai Wähner04/23/12
24821 views
11 replies
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.
Kristof Degrave04/23/12
2268 views
0 replies
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...
Nathan Smith04/23/12
5212 views
0 replies
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...
Jos Dirksen04/23/12
12629 views
0 replies
In this article I'll show you how to do use webrtc and a couple of other HTML5 standards to accomplish face recognition.
Raymond Camden04/22/12
6767 views
0 replies
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.
Hirvesh Munogee04/21/12
6077 views
0 replies
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.
Malcolm Sheridan04/20/12
4389 views
0 replies
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?
Lakshan Perera04/20/12
6556 views
0 replies
The aim of Punch is to help anyone to build (and maintain) modern websites using only HTML, CSS and JavaScript. Punch is written with Node.js and will work with your local file system. Currently, Punch renders template files written in Mustache. It expects content to be available in JSON format. Punch can also parse content in Markdown format.
Andrey Prikaznov04/19/12
3932 views
0 replies
This isn't pure CSS3, but in a way it's better: the CSS3 covers the accordion, but the Image Flow JavaScript covers the rest. Lots of very practical and clever coding in here, as is Andrey's way...
Hirvesh Munogee04/19/12
3080 views
0 replies
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.
Danwei Tran Luciani04/19/12
18304 views
0 replies
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.
Sagar H Ganatra04/18/12
2866 views
0 replies
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.
Gil Fink04/18/12
2037 views
0 replies
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.
Andrey Prikaznov04/18/12
5624 views
0 replies
HTML5 Canvas is just canvas, an output-field for JavaScript. Sticking boring things (like static images) into a Canvas is one thing; animating the same static images is another, but distorting those images through direct pixel manipulation gets closer to Canvas' real purpose. For the output of a program is always more than a scrapbook (or else it might as well be a scrapbook). Check out this spherical-distorting JavaScript pixel-manipulation.
Kristof Degrave04/17/12
3160 views
0 replies
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.
