Best jQuery Core Java Script Plugins & Tutorials with Demo

    Tabella.js : JavaScript Touch enable & Responsive Tables

    Tabella.js : JavaScript Touch enable & Responsive Tables

    Tabellajs is a pure javascript table plugin, responsive, AMD ready, touch enabled.

    img2css : Convert any Image to a pure CSS Image

    img2css : Convert any Image to a pure CSS Image

    img2css is a tool that can convert any image into a pure css image.

    Well, it just puts the image in a canvas, calculates an array with the rgb values, and then… just creates a single pixel shadow for every value!

    Animate.js : Smooth CSS-powered animations in JavaScript

    Animate.js : Smooth CSS-powered animations in JavaScript

    Animate.js is a tiny library that helps you write smooth CSS-powered animations in JavaScript.

    Mobile “Pull to Share” Interaction Experiment

    Mobile “Pull to Share” Interaction Experiment

    A mobile “pull to share” interaction that allows to share a page by using the familiar “pull to refresh” movement. Based on the action for refreshing and opening/closing a tab in Google Chrome for mobile.

    Forms Plus: JS – Forms Framework

    Forms Plus: JS - Forms Framework

    With Forms Plus you will have power combo of 8 designs, a lot of color themes, multiple styles for each design, tabs, steps, ajax and validation in your form, titles and subtitles with multiple styles and positions. Forms Plus contains lots of form elements with different states (required, disabled, error) and animation effects, also Forms Plus has predefined set of form sizes from tiny to large. You can easily create and customize any form to fit your needs.

    uilang.js : UI-focused Programming Language

    uilang.js : UI-focused Programming Language

    uilang is a dead simple programming language for web designers. With uilang, you write your code just like plain English, straight into your HTML using a <code> element. uilang’s logic relies on manipulating classes on HTML elements and using these classes in CSS to show, hide, animate and transform elements when a click occurs. This simple logic lets designers create most of the typical user interface behaviours: tabs, popovers, overlays, sliding menus, etc.

    Demo 1 Demo 2 Demo 3 Demo 4 Demo 5

    Fixed Responsive One Page Nav

    Fixed Responsive One Page Nav

    Responsive, fixed and touch friendly one page navigation with animated scrolling.

    Features:

    • Fixed positioned, always visible navigation bar
    • Uses vanilla JavaScript, no jQuery required
    • Smooth animated scrolling
    • Removes 300ms tap delay
    • Adds a mask over the content when navigation is open
    • Auto highlights current location
    • Uses a tiny custom font for icons (only two characters included)
    • Closes the navigation when user tap’s outside of it

    Lollipop : HTML5 Image Editor App

    Lollipop : HTML5 Image Editor App

    Lollipop is the perfect image editing HTML5 app for quick and straight forward editing.

    Features:

    • 90+ FILTERS16 Filters + 7 Guest Filters (Instagram) from filters section, and 70+ filters from package section. Lollipop’s filters are shown real-time while you take a photo with your webcam. Move to next or previous filter by swiping.
    • 15 ADJUSTMENT & CROPPING & TRANSFORMING TOOLS & UNIQUE FRAMES Use adjustment tools: Brightness, Contrast, Saturation, Noise, Sharpen, Blur, Circle Blur, Vignette, Effects, Customize RGB… to enhance your images to perfection with ease. Transform your photos with rotating and flipping tools. Crop your photos with quick and easy cropping tool…

    Page Stack Navigation with CSS3 & JavaScript

    Page Stack Navigation with CSS3 & JavaScript

    A template for a simple page stack navigation based on the Dribbble shot by Ilya Kostin, Stacked navigation.The idea is to show a navigation when clicking on the menu button and transform all pages in 3D and move them to the bottom of the viewport. The next two pages are shown in the back of the current page as a stack. When clicking on a menu item, the respective page comes up.

    Gmaps Animated Route

    Gmaps Animated Route

    Example of how to animate a route between two points in Google Maps.