Best jQuery Core Java Script Plugins & Tutorials with Demo

    Google Places API – practice

    Google Places API – practice

    Do you use google maps? I am sure that yes. Have you ever tried ‘Search nearby’ function here? I like this feature and today I will show you how you can develop similar script. We will use ordinary google maps plus extra library – Places (in order to use Google Places API). Our script will be able to search for address, objects, and also you can refine your search with extra params like: keyword, type and radius.

    AliceJS : A Independent CSS Engine for high-end visual effects

    AliceJS : A Independent CSS Engine for high-end visual effects

    AliceJS  is a micro JavaScript library focused on using hardware-accelerated capabilities (in particular CSS3 features) in modern browsers for generating high-quality, high-end visual effects.AliceJS is completely self-contained and doesn’t rely on any other libraries. It also focuses exclusively on setting up animations through CSS manipulations. This makes it easy to include along with other libraries without fear of collision as AliceJS doesn’t try to do event handling (touch or mouse), nor does it enforce particular logic or layout elements. It’s easy for instance to use AliceJS to animate a Dojo Dialog component for example, or a jQuery UI component, just by addressing the underlying DIV.

    We are experimenting with many UI components, with tying in sensors, adding physics, and even organics. This is perhaps one of the more exciting feature of AliceJS. The human eye is very good at spotting differences in movement. Something so subtle as a millisecond difference can be perceived. Achieving natural/organic randomness is at the heart of most high-end visual effects in Hollywood blockbuster films. The beauty is that we don’t need to reach that level of sophistication to give an effect some variability so that during the lifetime of the application, things don’t feel repetitive. Varying just slightly the speed, perspective, and over-rotation on a flip effect adds a degree of subtle “freshness” every time it comes up.

    SelectNav.js :Responsive Drop-Down menu in JavaScript

    SelectNav.js :Responsive Drop-Down menu in JavaScript

    SelectNav.js is a JavaScript plugin that lets you convert your website navigation into a select drop-down menu. Used together with media queries it helps you to create a space saving, responsive navigation for small screen devices.SelectNav.js adds a js class to the html element. Thanks to this, when JavaScript is disabled the default navigation will be visible. Selectnav.js works with every navigation in form of ul or ol lists that follow the example above.

    screenfull.js : JavaScript Fullscreen API

    screenfull.js : JavaScript Fullscreen API

    Simple wrapper for cross-browser usage of the JavaScript Fullscreen API, which lets you bring the page or any element into fullscreen. Smoothens out the browser implementation differences, so you don’t have too.

    Respond.js : Fast CSS3 Media Queries for Internet Explorer 6-8

    Respond.js : Fast CSS3 Media Queries for Internet Explorer 6-8

    A fast & lightweight polyfill for min/max-width CSS3 Media Queries (for IE 6-8, and more).The goal of this script is to provide a fast and lightweight (3kb minified / 1kb gzipped) script to enable responsive web designs in browsers that don’t support CSS3 Media Queries – in particular, Internet Explorer 8 and under. It’s written in such a way that it will probably patch support for other non-supporting browsers as well (more information on that soon).

    Pixastic: JavaScript Image Processing Library

    Pixastic: JavaScript Image Processing Library

    Pixastic is an image processing library written in JavaScript. It uses the HTML5 Canvas element to apply effects such as blur, hue/saturation adjustment, emboss, invert, flip, etc.Pixastic is an experimental library which allows you to perform a variety of operations on images using just a bit of JavaScript. The effects supported out of the box include desaturation/greyscale, invert, flipping, brightness/contrast adjustment, hue/saturation, emboss, blur, and many more.

    Build Desktop Apps using HTML, CSS and JS: AppJS

    Build Desktop Apps using HTML, CSS and JS: AppJS

    AppJS is simple yet powerful resource which allows you to build desktop applications for Linux, Mac and Windows using HTML, CSS and JavaScript.

    Using AppJS you don’t need to be worry about coding cross-platform or learning new languages and tools. You are already familiar with HTML, CSS and Javascript. AppJS uses Chromium at the core so you get latest HTML 5 APIs working.

    AppJS allows you to use HTML 5 APIs to create attractive applications from Word Processors to 3D Games and allows CSS to decorate widgets as you like.

    simpleCart(js) – Javascript Shopping Cart

    simpleCart(js) - Javascript Shopping Cart

    No databases, no programming, no headaches. A simple javascript shopping cart in under 20kb that you can setup in minutes. It’s lightweight, fast, simple to use, and completely customizable. All you need to know is basic HTML.

    SimpleCart(js) will automatically populate the div with all the items in the cart. You can change the appearance of your cart or what columns are in the cart by checking out Cart Header Formatting.

    Sprite3D.js : JavaScript library for manipulating CSS 3D transforms

    Sprite3D.js : JavaScript library for manipulating CSS 3D transforms

    Sprite3D.js makes it easy to manipulate HTML elements through CSS 3D transforms using a ActionScript-like syntax and hierarchy, and a bunch of chainable accessor methods.

    A Sprite3D object is a simple wrapper around a DOM element providing helper functions and properties. You can conveniently use CSS styling to determine the aspect of you element, and CSS transitions to animate your stuff.

    In many cases, 3D transforms are GPU-accelerated, giving you an incredible performance boost.

    Cubism.js : Time Series Visualization Chart

    Cubism.js : Time Series Visualization Chart

    Cubism.js is a plugin for D3.js, a JavaScript visualization library for HTML and SVG, to display time series in real-time. It has built-in support for Graphite and Cube, and can be readily extended to fetch data from other sources. It requests the data incrementally by polling only the most recent values and reduces the load on the server. Charts are rendered incrementally as well by shifting charts one pixel each time to the left.