jQuery Core Java Script Plugin & Tutorials with Example

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.

Gridify : Create Pinterest-like Grid using jQuery

Gridify : Create Pinterest-like Grid using jQuery

A lightweight script for creating a Pinterest-like grid using JQuery, pure javascript or YUI with image loaded

Features

  • support image loaded event
  • support window resize event
  • support very long height item
  • support dynamic item width
  • support animation (CSS3 transition)

Advanced Parallax Scrolling Effect with CSS3 & JavaScript

Advanced Parallax Scrolling Effect with CSS3 & JavaScript

In this tutorial, we take a look at a more advanced parallax scrolling effect with a background image moving at a different speed to the content above it.We’ll look into achieving a more true-to-life representation of parallax scrolling. As defined previously, parallax is an effect where the position of an object seems to be different when viewed from different positions. In this tutorial, our background will move at a slower speed than our foreground.



Best jQuery websites design awards