JavaScript Charts?

JavaScript charts a very handy way to visualize data in web applications. You can visualize your data in a beautiful way by using JavaScript charts libraries. Through this post we sharing most popular and rich javascript charts libraries there.

Google Chart Tools

Google Chart Tools are very poweful JavaScript Chart Tools to create interactive charts in web applications. Google charts are highly customizable and are supported on cross browser and cross platform (iOS and android devices). It uses HTML5/SVG for modern browsers and adopt VML for older IE browsers. It has very powerful and rich API to create stunning charts in your web applications. Google charts are free to use in personal and commercial projects.

Chart.js

Chartjs is a standalone JavaScript Charts library. It use HTML5 Canvas element to draw beautiful graphs in modern browsers and and polyfills provide support for IE7/8. It is a lightweight JavaScript charts library that can draw different type of graphs such as line charts, bar charts, radar charts, pie charts, polar area charts and Doughnut charts.

Continue Reading

jQuery Lightbox?

jQuery Lightbox (Modal windows) are a very handy way to show contents in overlayed popup. There are many jquery lightbox plugins there. Through this post we are sharing most popular and robust jquery lightbox plugins. Enjoy this collection of most popular jquery lightbox plugins and don’t forget to give your feedback via comments at the end of the page.

Magnific Popup

Magnific Popup is a lightweight truly responisve jquery lightbox plugin also available in zepto.js flavour.

Magnific Popup is modular zepto.js and jquery lightbox plugin. It supports resizing of lightbox via CSS media queries. It provides the flexibility of including only the required features through online build tool. You can use this tool to include only the features that you need. The plugin support retina display devices and also support ajax based content loading.

Continue Reading

Why jQuery Multiselect?

The browsers default multiselect does not allow you show beautiful and user friendly multiselect. It shows a ugly multiselect which cann’t by styled via CSS. Through this article we are sharing some of the most popular and robust jQuery multiselct plugins to create user friendly and beautiful multiSelect controls in web applications.

jQuery UI MultiSelect Widget

jQuery UI Multiselect-Widget is a jquery multiselect plugin that converts the default ugly HTML select into a beautiful multi selectbox using the power of jQuery UI widget factory.

Continue Reading

To achieve autocomplete functionality in web applications there are many jquery and javascript autocomplete libraries are available. Through this post we are sharing some of the very popular, highly configurable and highly customizable javascript autocomplete libraries with you. Don’t forgot to give your feedback in the comments section about this post.

Typeahead By Twitter

Twitter open sourced its JavaScript autocomplete library named typeahead.js. Typeahead is a fully featured JavaScript autocomplete library that can turn an input field into fully featured autocomplete.

Typehead.js is available as JQuery plugin and work with hardcoded data as well as remote data bases. It can pre fetch the database records as datasets and can index and search through datasets on the client side, thus reducing the burden on server side. It is optimized for speed and support RTL (right to left languages).

Typehead.js supports customized templates and work with any server side language.

jQuery UI Autocomplete

Website: jQury UI autocomplete is a robust and featured rich javascript autocomplete plugin by jqueryui. It is a highly customizable jQuery autocomplete plugin and support remote data source returned in JSON format. It provide support for autocompleting multiple values in a single field and caching to improve performance.

Continue Reading

HTML Presentation?

Microsoft Powerpoint is commonly used to create presentations in windows and Mac enviroment. To create presentation for web applications there many HTML presentation frameworks are available. Through this post we are sharing a comprehensive list of most popular javascript libraries to create HTML presentation in web applications.

Impress.js

Impress.js is a HTML presentation framework for modern browsers built on the top of CCS3 transforms and transitions. With impress.js, you can rotate, scale and position your presentation. Currently impress.js works fine in latest Chrome browser, Safari 5.1 and Firefox 10

license: MIT
Website: http://bartaz.github.com/impress.js/
Compatible With: Modern Browsers

Reveal.js

Reveal is a JavaScript and HTML presentation framework for creating beautiful and interactive presentations in web applications. The presentation slides can be written in HTML or markdown. You can also use online editor rvl.io for creating slides. The presentations are best viewed in a browser that support CSS 3D transforms. Also the library provide fallbacks for the browser that do not support CSS 3D transforms.

Verlet Integration is a method to integrate netwon’s motion of equation. It is often used to find trajectories of particles in modular dynamics simulations and computer graphics. Verlet.js is implementation verlet physics engine in JavaScript.

Verlet-js is a javascript based verlet physics engine. It is based on an iterative technique called Verlet integration, which simplifies force and motion calculations. It is pure JavaScript library that support Particles, distance constraints, and angular constraints.

Reveal is a JavaScript and HTML presentation framework for creating beautiful and interactive presentations in web applications. The presentation slides can be written in HTML or markdown. You can also use online editor rvl.io for creating slides. The presentations are best viewed in a browser that support CSS 3D transforms. Also the library provide fallbacks for the browser that do not support CSS 3D transforms.

Reveal has a very powerful JavaScript API and comes with wide range of features such as nested slides, pdf export and speaker notes. The framework support a number of different JavaScript libraries to enhance your presentation. For example highlight.js can be used to prettify code. zoom.js can be used to zoom in out any element.

Reveal also support theming and comes with some beautiful default themes.

Sly is JavaScript library for creating one directional scrolling with support for item based navigation. It comes as a jQuery plugin and support navigation with mouse wheel scrolling, scrollbar, pages bar, navigation buttons and content dragging with mouse or touch. The library support horizontal, vertical and infinite scrolling of items.

It has a very powerful API to have a complete control over the scrolling. Sly is supported in all major browsers and even work in IE6 and IE7.

Hyperlapse photography is a technique of combining time-lapse and sweeping camera movements typically focused on a point of interest. This technique can be used in google maps street view to show interactive google street view hyperlapse animations.

Hyperlapse.js is a javaScript library for creating interactive Google Street view hyperlapse animations. The library has a very handy API to handle frame rate, image quality and complicated camera movements. You can specify a origin and destination and travel mood to show interactive street view in google maps.

jQuery qtip

qTip is a very handy and advanced Tooltip plugin based on JQuery the JavaScript framework. qTip is a very rich featured Tooltip plugin among the other Tooltip plugins. qTip has lot of features like rounded corners, tips with speech bubble effects, custom effects etc.

jQuery UI Tooltip

jQuery UI Tooltip is a tooltip by jQuery UI. The Tooltips can be bound to any element. When you hover the element with your mouse, the title attribute is displayed in a little box next to the element.

Continue Reading