In this recipe, we shall take a look at generating charts using the HTML5 Canvas API. In particular we shall be using a library RGraph, which makes internally uses the Canvas API and makes the entire process of generating charts...
Content authored by Romin Irani
20 total entries
We shall conclude looking at HTML5 form features by discussing form validation in this recipe. Form validation is an important feature of any web application that takes input from the user. To validate form data before submission to the server...
We saw in an earlier recipe, additional attributes introduced in HTML5 forms like autofocus, placeholder and required, that enhance form usability without the developer resorting to custom code. In this recipe, we shall take a look at new form input...
One of the key features of any web application is the ability to gather input data from the user. HTML Forms have been the way to do that and over the years, developers have innovated to bring a better experience...
In the previous blog post, we looked at tools like HTML5Test and CaniUse to determine browser capabilities. These are websites that you access from the browser that you want to check for a particular HTML5 feature. While this might suffice...
If you have been following the series so far, one of the questions that should have cropped up is about how to determine if the browser that you are using supports a particular HTML5 feature. It is not just about desktop browsers but even browsers that are present on iOS and Android devices. It could get pretty frustrating to not see a particular feature work as documented. If there are no problems in the code, chances are that you browser has not yet implemented the particular HTML5 feature.
In the previous blog post, we looked at Geolocation support in HTML5 Geolocation API. We covered the getCurrentPosition() method on the navigator.geolocation object that allowed to get a one-time location. Certain types of Location Based applications might need to track...
Location Based Applications have garnered a lot of attention in recent times. Suddenly everyone wants to know where you are, so that they can serve you data that is relevant to the context i.e. where you are. Location Based Applications/Services...
In this recipe, we shall cover some more material on HTML5 localStorage and how you can store JSON objects and retrieve them. The examples that we shall see in this recipe will enable you to think in terms of complex...
In this recipe, we shall take a look at a key feature of HTML5 that is key to making powerful web applications. The area we shall be discussing is storage i.e. how your web applications can store application specific data...
In this recipe, we shall take a look at how use the Canvas API to deal with images. There are some amazing demos available with the Canvas API that utilize the image to do all sorts of special effects, but...
In this recipe, we shall take a look at how to draw arcs and circles. The Canvas API provides us with the useful method() function that we can use to do that. The method signature is as follows: arc(x,y,radius,startAngle, endAngle,bAntiClockwise),...
In this recipe, we shall look at how to draw different shapes using the Canvas API. The Canvas API gives us several methods via which we can draw a path. Think of the path as something of an outline for...
The Canvas API allows us to manipulate Text in an easy manner. In this recipe we shall look at how you can literally write (or should we say draw) text on a canvas. Some approaches to drawing text are: Specify...
So far in the Canvas recipes, we have used the used the default stroke and fill colors. We saw how fillRect() and strokeRect() methods used the default stroke/fill color i.e. black. In this recipe, we shall utilize attributes of the...
In this recipe, we shall look at how to draw a rectangle using the HTML5 Canvas API. The code for the recipe is shown below: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Canvas Rectangle</title> <script> function draw_rectangle() { var canvasObj =...
Welcome to the series on HTML5. In this series, I plan to cover several new features that have been introduced as part of the HTML5 specification. I will discuss the new tags as well as the Javascript APIs that form...
Google Wave is a collaboration platform that was announced by Google last year. It is a web based platform where participants can come together and collaborate both for work and fun. The developers of Wave have kept the platform open for extension where developers can write automated robots and gadgets (similar to widgets) that can participate in a wave and add value to the collaboration. In this article we will cover how you can start developing gadgets for Google Wave using Flex as your primary development environment.
Peer to Peer (P2P) applications have been around for quite some time now.
Adobe Stratus, a recently released service from Adobe in combination with Flash
Player 10 provides developers all there is needed to create P2P applications
today. In this article, we will cover the following
AFCS (Adobe Flash Collaboration Service) previously known as 'Cocomo' is a Platform as a Service (PaaS) that that allows Flex developers to address a class of applications known as collaborative applications.
Collaborative Applications have progressed from a nice cool thing into serious applications. Almost all of us would have participated in an online chat or a web meeting, which allows a group of users to chat, share files, do screen sharing, take polls, ask questions and receive answers, etc. AFCS aims to lower the barrier to entry for developers to bring such collaborative features into their applications.