jQuery Core Java Script Plugin & Tutorials with Example

Wobbly Slideshow Effect with SVG & JavaScript

Wobbly Slideshow Effect with SVG & JavaScript

The slides in this slideshow wobble as they move. The effect is based on Sergey Valiukh’s Dribbble shot and was made using Snap.svg and morphing SVG paths to animated the slide background SVGs in order to simulate the elastic effect. What happens is that we basically morph an SVG path from a rectangle to a curved shaped; either a right curve or a left curve, depending on where we are navigating to.

JavaScript Unit converting web tool

JavaScript Unit converting web tool

Unit converting web tool javascript library.Convert angles, area, distance, fluid volume, mass, speed, temperature, and time all on one page.

Behance Portfolio Page with Vanilla JS

Behance Portfolio Page with Vanilla JS

Behance Portfolio Page is a Vanilla JS plugin with no dependancies.

Treed : Powerful JavaScript Tree Editor

Treed : Powerful JavaScript Tree Editor

Treed wants to be for tree editing what ace is for text editing. Extensible, customizible, powerful, and just plain easy to use. Treed is constructed using the MVC pattern such that it is simple to, for example, create an entirely different view for the tree.

Features:

  • VIM Inspired Keyboard Navigation
  • Extensible and Configurable
  • Unlimited Undo/Redo
  • Drag and Drop

Web Video Editor with JavaScript & PHP

Web Video Editor with JavaScript & PHP

JS / PHP script online video editor, GUI for FFmpeg (or Mencoder). Allows you to cut the video into pieces and combine them. Convert video formats: FLV, MP4, WEBM, OGV. Possibility of fast cutting video fragments without transcode.

Features:

  • Fast (instant) cutting video into pieces without transcode.
  • Ability to combine pieces of video.
  • For video are used server applications: FFmpeg, Mencoder (optional), MP4Box / gpac (optional), MKVMerge (optional).
  • Convert video formats: FLV, MP4, WEBM, OGV.
  • Showing the progress of conversion percentage.
  • Three HTML5 player to choose from.
  • Upload video 3 ways: file, link, from Youtube.
  • Simple configuration (in file).
  • Multilingual support (made translations into English and Russian).
  • Nice interface and adaptive layout (Bootstrap 3.2).

Gifffer : JavaScript Animated Gifs Player

Gifffer : JavaScript Animated Gifs Player

A tiny JavaScript library that prevents the autoplaying of the animated Gifs.

EasyLoader JavaScript Library for Page Loading

EasyLoader JavaScript Library for Page Loading

EasyLoader is a cool Javascript library that will make all your pages unforgettable for your visitors. With EasyLoader you can build a chain of different animated effects just after the page is loaded. You can make stickers, the Info-Panel, closable elements. Easyloader will help you animate elements having either absolute or relative positioning with the same ease.

View360 – 3D & 360 degree product viewer

View360 - 3D & 360 degree product viewer

By using View360 it’s easy to show any product in 3D of 360 degree rotation. It’s responsive and support all mayor devices and browsers. View360 is built for both: professional ecommerce industry and small online stores. Preloader, simple navigation, automated rotation, inertia, are only few of many options available for fine tuning the product view and behavior.

  • 3D and 360 degree rotation
  • Fixed, responsive and light box layout
  • In page, full screen and full viewport modes
  • Retina ready
  • Simple navigation for best user experience
  • Native HTML5 & JavaScript
  • Auto and manual rotation
  • Zoom and Pan
  • Auto rotation speed
  • Mousemove/touchmove sensitivity
  • Preloader text, color and size
  • Optional full sized image load on zoom
  • Auto rotation direction and speed
  • Setting concrete zoom steps

Animated Background Headers with JavaScript & Canvas

Animated Background Headers with JavaScript & Canvas

Today we’d like to share some animated header backgrounds for your inspiration. The full-page background image header has been a web design trend for some time. Recently people have been turning to animation to add more visual interest to their website headers, and today we share a few examples of how you can do this.This collection uses JavaScript and Canvas to create various header animations.

Timesheet.js : JavaScript library to create HTML time sheets

Timesheet.js : JavaScript library to create HTML time sheets

Visualize your data and events with sexy HTML5 and CSS3. Create simple time sheets with sneaky JavaScript. Style them with CSS and have mobile fun as well.



Best jQuery websites design awards