A successful business requires clean, attractive and intuitive consumer facing the web and mobile properties. A good front-end doesn't just help to create a recall but also drive engagement and generate more business. Engineering a product that is both attractive with a high performance is challenging and requires expertise that...
Content Delivery Network is a system of distributed servers that hosts various resources such as CSS, images, JavaScript files etc. Companies like Google, Microsoft, Yahoo etc. provides a free public CDN to download resources instead of hosting it on your own server. Advantages of using a CDN:- 1. Distributed CDN servers : The...
jQuery DataTables is simple to use as a jQuery plug-in with a huge range of customizable options. As discussed in a previous blog, we already know how to draw a basic paginated html table using DataTables. Another way is to make an ajax call for every page. This causes multiple requests to be made on your server for every dataset. ...
Using Fusion charts you can create different variety of charts two of them are single series chart and multiple series chart . As the name implies in case of single series chart you can only display single chart and in case of multiple series chart you can display multiple charts. Now lets take an example to have better understanding of...
Stunning fusion charts will wow your audience . You can download javascript files for free trail of fusion chart from here . Following Javascript files are required to create fusion charts : [js] <script src="../js/jquery.min.js"></script> <script...
In my project on Angular.js I came across a use case where I needed to paginate the HTML tables . DataTable jQuery plugin is a perfect choice in order to accomplish this task. Let us take a simple example to illustrate the use of dataTable plugin: [js] <html> <head> <style> <link rel="stylesheet"...
Let's face it, gone are the days where static HTML markup was sufficient, and clients were happy with animated gifs all around their websites, but that's all a thing of the past. Now every little thing you can think of has to be dynamic, the data is constantly changing and so is the webpage. For developers it is a tricky task to manage...
If we follow the normal jQuery practices for binding and unbinding multiple jQuery events, it involves writing code again and again for each of the binding and unbinding which makes it very repetitive, specially when unbinding. Joint unbinding is also seen when you have same event bound to the same DOM element multiple times. Lets...
While developing a mobile app using phonegap ( or otherwise also :) ), we can access remotely hosted mysql database using jquery ajax calls. But this interaction between jquery and mysql database cannot happen directly. We will need to specify a server side script (in PHP terminology) or a controller action (in Grails Terminology) that...
There are times when we need to associate data with the DOM element say td, li, div etc. I used to sometimes provide attribute 'rel' to html tag, then access it using $('divId').attr('rel'). This worked when we want to associate only one property, but doesn't work so well when there are multiple properties to be associated with the same...
In one of my recent project, i want to use grails web-flow with ajax call. It's very easy to implement the web-flow with ajax call. Grails web-flow always track the actions on the basis of eventId & flow execution key. So, to implement ajax call in web-flow, we have to pass the event id & flow execution key. 1. Let us assume,...
JQuery mobile provides set of features which are supported on almost all smartphones such as touch UI, ajax navigation, animated page transitions. Building jQuery mobile page is very simple, here's how: A jQuery Mobile site must start with an HTML5 'doctype' to take full advantage of all of the framework's features. First of all you...