Javascript Turn HTML Tables Into Advanced Editable Components : EditableGrid

    Turn HTML Tables Into Advanced Editable Components : EditableGrid

    EditableGrid is an open source Javascript library aimed at turning HTML tables into advanced editable components. It focuses on simplicity: only a few lines of code are required to get your first table up and running.

     

    You can use the EditableGrid library in two ways:

    1. Hook up to an existing HTML table
    2. Build your grid from an XML description of the table structure and contents

    Create a self caching website ready for offline usage with HTML5 and jQuery

    Create a self caching website ready for offline usage with HTML5 and jQuery

    In this tutorial we will create a website that is able to cache its own content, including markup, stylesheets and javascripts, as a user browse it. To dynamically restore cached files we use a offline manifest and the local storage. Or in other words: every page a user visited online will be available offline too.

    Please note that the demo application is written in CoffeeScript and must be compiled to JavaScript. If you have Thor installed use the command thor compile:js.

    Flickr Style Loading Animation Using JQuery

    Flickr Style Loading Animation Using JQuery

    In this post will show a similar thing, in flickr loading animation, like before this not showing the real size, because we are using html element we can easily to change the element size.The flickr loading animation is simpler than the facebook style, it consist of two circles with different color, when the animation start the circle on the left move to right with on top display and vice versa.

    zGrid : PHP / AJAX / jQuery based Grid System

    zGrid : PHP / AJAX / jQuery based Grid System

    I have developed a Grid system using PHP, jQuery and Ajax. I want to share this with my dear users. It is not very well parametrized or generic but if have little much understanding of jQuery and Ajax then its easy to use. Give your feed back about zGrid.

    Building an AJAX currency converter with PHP, jQuery and Google

    Building an AJAX currency converter with PHP, jQuery and Google

    As you may already know, Google has a calculator feature built in their search engine, which can be used to convert measures, currencies, get stock quotes, weather data and many other features. You can see this features explained here.

    Why wouldn’t we use it for something useful and build a simple AJAX currency converter using Google currency converter feature? We need some time, jQuery, Google, great music and of course, this tutorial.

    jQuery Mobile Advanced Tutorial – RSS reader app

    jQuery Mobile Advanced Tutorial – RSS reader app

    Today’s tutorial is going to show you how you can use jQuery Mobile with PHP, MySQL and a bit of AJAX to build a small mobile web application.

    At the end of this tutorial you will know how to add new RSS feed name and url into the database, how to delete the record from the database, how to fetch and parse a RSS feed and show its results inside jQuery Mobile list view.

    Add a firefly effect to your site with jQuery fireFly

    Add a firefly effect to your site with jQuery fireFly

    I want to introduce you with my new jQuery plugin named fireFly. As the name says, the plugin can be used to add firefly effect on any web page background. Last month I updated it to work on a particular div background too. I hope you will find it helpful.

    jQuery CSS3 animated dropdown menu

    jQuery CSS3 animated dropdown menu

    In this article you will see how you can build an awesome CSS3 animated dropdown menu with some of these cool features.Perhaps the best title for this article would have been: CSS3 dropdown menu – Revisited. The reason I’m saying that is because in this article you’ll learn how to create an animated CSS3 dropdown menu based on our previous example.

    jQuery image panning

    jQuery image panning

    Image panning with animation easing that works on mouse movement with some css and jquery.