Best jQuery Core Java Script Plugins & Tutorials with Demo

    Revolution Lightbox with JavaScript & CSS3

    July 4, 2014 | Core Java Script, CSS2 / CSS3.0, jSON, Plugins, Popup Window, Premium, Video & Audio
    Revolution Lightbox with JavaScript & CSS3

    Revolution Lightbox is a full blown multimedia responsive lightbox that runs on all major browsers and mobile devices like iPhone, iPad, iOS, Android and Windows8. It has support for image, video (mp4), audio (mp3), Vimeo, YouTube, iFrame, AJAX, HTML content, Google maps and flash.

    Revolution Lightbox has high performance using OOP code and the latest CSS3 techniques, ready for mobile with swipe support, very flexible, easy to setup and extremely customizable. The playlists / content can be created using simple HTML markup or JSON, plus the visual and programmatic settings can be modified at runtime, this allows to have different themes with various settings in the same.

    Read More Demo

    jLayout : JavaScript Layout Algorithms

    July 1, 2014 | Core Java Script, HTML5, Layout
    jLayout : JavaScript Layout Algorithms

    he jLayout JavaScript library provides layout algorithms for laying out components. A component is an abstraction; it can be implemented in many ways, for example as items in a HTML5 Canvas drawing or as HTML elements. The jLayout library allows you to focus on drawing the individual components instead of on how to arrange them on your screen.

    Read More Demo

    Draggable Dual-View Slideshow with JavaScript

    June 27, 2014 | Core Java Script, Drag & Drop
    Draggable Dual-View Slideshow with JavaScript

    An experimental slideshow that is draggable and has two views: fullscreen and small carousel. In fullscreen view, a related content area can be viewed.There are different techniques that would allow for such a layout; we tried to re-create this slideshow concept by using the Dragdealer.js library and 3D transforms. The main idea is to translate the slider on the Z axis, allowing it to be either fullscreen or of a smaller carousel size. By switching the actual size of the slideshow and removing the transforms when they are not needed anymore, we allow the slideshow to have a “real” size (i.e. 25% of the window). For the content part, we slide everything up and reveal a scrollable area.

    Read More Demo

    Trigons – Create and Animate Abstract SVG Images

    June 13, 2014 | Animation, Core Java Script, Image Effects, Premium, SVG Tutorial
    Trigons - Create and Animate Abstract SVG Images

    Trigons is a flexible JS script which lets you create modern and stylish abstract SVG images with optional animations

    Trigons script is coded as plugin for d3.js library (d3js.org) and it uses d3’s build-in method of Delaunay triangulation for creating colored and animated abstract images. No jQuery needed.

    Features:

    • The exclusive feature of Trigons images, that they can be animated with 30 built-in effects.
    • Created Trigons SVG images can be responsive.
    • Retina perfect
    • Flexible and powerful settings
    • Works in all modern browsers
    • Any color, any size
    • Clean bright or flat colors or gradients
    • Build-in Color Palette Generator
    • Convert to PNG
    • Use it as “background-image”
    • Dynamic add, update, animate and convert with 7 JavaScript methods
    • Click, Hover and “Viewport” events
    • Separate “In” and “Out” Animations
    • “Force” Animation Methods
    • Use it via JavaScript and/or via HTML5 data attributes
    Read More Demo

    Instajam : JavaScript wrapper for the Instagram API

    June 9, 2014 | Core Java Script, Other API
    Instajam : JavaScript wrapper for the Instagram API

    Instajam is a JavaScript wrapper for the Instagram API. You provide the access token, we provide the jam. (And Instagram provides the gram. Or the pictures. Or… whatever.)

    Read More Demo

    Cube.js : Fancy Rotating CSS3 Cube script

    June 7, 2014 | Animation, Core Java Script, CSS2 / CSS3.0
    cube.js : Fancy Rotating CSS3 Cube script

    cube.js is a light script which allows you to add a fancy rotating CSS3 cube to your page!

    Read More Demo

    Flat Surface Shader with JavaScript & SVG

    June 1, 2014 | Core Java Script, SVG Tutorial
    Flat Surface Shader with JavaScript & SVG

    Flat Surface Shader for rendering lit triangles to a number of contexts written in JavaScript  including WebGL, Canvas 2D and SVG.

    Read More Demo

    Pure JS One Page Scroll

    May 27, 2014 | Core Java Script, Web
    Pure JS One Page Scroll

    Pure JS One Page Scroll is a javascript version of One Page Scroll. The plugin will let you create an Apple-like one page scroll website (iPhone 5S website) without replying on jQuery.

    Read More Demo

    Morphing Title with JavaScript

    May 26, 2014 | Core Java Script, jSON, Premium, Text Effect
    Morphing Title with JavaScript

    Morphing Title is a JavaScript application which allows to dynamically create animated title from text-format (JSON) for any content. Unlimited number of titles (including multiline titles) bound to any DOM elements (buttons, href, etc). It can be easily included in any website & Customize (customize inversion (cut out text), letter spacing, line spacing (for multiline titles), scale, padding-x and y, angle, horizontal and vertical-align, fill (color), fill opacity, stroke (color), stroke width and stroke opacity). Compatible with all major browsers (including IE7+, Chrome, Firefox, Safari and Opera). Lightweight – no dependence on jQuery, no need for any images. Easy to place in any other existing javascript application – AMD (Asynchronous Module Definition) format w/ RequireJs.

    Read More Demo

    odometer : Smoothly Transitions numbers with Ease

    May 23, 2014 | Animation, Core Java Script, CSS2 / CSS3.0
    odometer : Smoothly Transitions numbers with Ease

    Odometer is a Javascript and CSS library for smoothly transitioning numbers.Odometer’s animations are handled entirely in CSS using transforms making them extremely performant, with automatic fallback on older browsers.

    Read More Demo