Tuesday, September 22FreeJQuery

Author: owaisarain

jQuery Tiny Carousel with Demo
Animation, Carousel, CSS, CSS2 / CSS3.0, Gallery, Tabs

jQuery Tiny Carousel with Demo

Tiny Carousel is a lightweight carousel for sliding HTML based content. It was built using the javascript jQuery library. Tiny Carousel was designed to be a dynamic lightweight utility that gives web designers a powerful way of enhancing a websites user interface.Features:Can slide vertical or horizontal An interval can be set to slide automatically every given millisecond Supports navigation by button or paging Animation time can be set in milliseconds or to 'instant' Responsive AMD, Node, require js and common js support. The point where the carousel starts can be set Loops infinitely over its slides.Read More | Demo | Download -----------------------
Create Organic Tabbed Interface Using jQuery
CSS2 / CSS3.0, Tabs

Create Organic Tabbed Interface Using jQuery

The plan is to build a tabbed area, something pretty simple to do from scratch with jQuery, and then make it behave better. Of course, we'll keep it simple, and keep the markup clean and semantic. The guts of the functionality will be based on calculating heights and animating between those heights on the fly.Read More | Demo | Download -----------------------
Tornis : JavaScript library that Watches and Respond to Browser ViewPort
Core Java Script, Events, ViewPort

Tornis : JavaScript library that Watches and Respond to Browser ViewPort

Tornis helps you watch and respond to changes in your browser's viewport. Taking its name from the forest watchtowers of Latvia, Tornis is a minimal JavaScript library that watches the state of your browser's viewport, allowing you to respond whenever something changes.Tornis currently tracks state for:Mouse position Viewport size Mouse cursor velocity Scroll velocity Scroll positionRead More | Demo | Download -----------------------
Elegant Accordion with jQuery and CSS3 Plugin
Accordion, CSS2 / CSS3.0, Gallery

Elegant Accordion with jQuery and CSS3 Plugin

Elegant accordion with jQuery and CSS3 Plugin has the following features:Stop rotation on click of a slide Options for setting a delay, animation speed, and easing Auto-rotate through all the slides with extra options Pause on hover Ability to set active slide onload using hashes (index.html#panel1-3) Works with multiple instances on the page Ability to specify the width of the active slide while automatically adjusting inactive slides Option to stop rotation at the end of the slidesRead More | Demo | Download -----------------------
Flexible Slide-to-top Accordion jQuery Plugin
Accordion, CSS2 / CSS3.0, Menus, Web

Flexible Slide-to-top Accordion jQuery Plugin

Today's tutorials we will discuss creating a simple flexible Slide-to-top accordion jQuery plugin that, when opened, it will slide to the top of the viewport and reveal the content by fading it in. We'll also add some nice CSS3 transitions for the arrow to appear and to rotate when we click on an item. The accordion will be flexible, meaning that it will have a liquid width adjusting to the screen size.Read More | Demo | Download -----------------------
liteAccordion – A horizontal accordion jQuery plugin
Accordion, Gallery

liteAccordion – A horizontal accordion jQuery plugin

LiteAccordion is a horizontal accordion plugin for jQuery. This plugin is no longer under development and will not be receiving any updates in the future.These are the default settings for the liteAccordion plugin: containerWidth : 960, // fixed (px) containerHeight : 320, // fixed (px) headerWidth: 48, // fixed (px)activateOn : 'click', // click or mouseover firstSlide : 1, // displays slide (n) on page load slideSpeed : 800, // slide animation speed onTriggerSlide : function() {}, // callback on slide activate onSlideAnimComplete : function() {}, // callback on slide anim completeautoPlay : false, // automatically cy...
jQuery-Collapser: jQuery Collapser Plugin
Accordion, Collapser, jQuery Plugins, Web

jQuery-Collapser: jQuery Collapser Plugin

Collapser is a small and useful jQuery plugin for collapsing/truncating an element text by words. The characters and lines with a flexible API. It is an all in one plugin with multiple functionalities to truncate a paragraph or any element as desired.Read More | Demo | Download -----------------------
Vertical Sliding Accordion with jQuery
Accordion, Gallery, Menus, Slider

Vertical Sliding Accordion with jQuery

Today we want to share a slick and flexible vertical jQuery accordion with you. The main idea is to expand the accordion slices on click and show some more information. The other slices will become less opaque and squeezed. When navigating to the next slice using one navigation arrows, a new slice will slide in from the top or the bottom. Once a slice is open and we navigate, the subsequent slice will open on the slide.Read More | Demo | Download -----------------------
Block-styled Editor with clean JSON Output – editor.js
Core Java Script, JSON

Block-styled Editor with clean JSON Output – editor.js

Editor.js is a Block-Styled editor. Blocks are structural units, of which the Entry is composed. For example, Paragraph, Heading, Image, Video, List are Blocks. Each Block is represented by Plugin. We have many ready-to-use Plugins and a simple API for creating new ones.We really appreciate shortcuts. So there are few presets.Shortcut Action RestrictionsTAB Show/leaf a Toolbox. On empty blockSHIFT+TAB Leaf back a Toolbox. While Toolbox is openedENTER Create a Block While Toolbox is opened and some Tool is selectedCMD+B Bold style On selectionCMD+I Italic style On selectionCMD+K Insert a link On selectionRead More | Demo | Download -----------------------
Smooth Scroll Manager Easy with JavaScript
Core Java Script

Smooth Scroll Manager Easy with JavaScript

Scroll-Manager is a utility class that controls smooth scroll and showing some elements by scroll event. Smooth Scroll Manager is a utility JavaScript asset that controls smooth scroll and showing elements with scroll event.Read More | Demo | Download -----------------------
Sql.js: SQLite Compiled with JavaScript
Core Java Script

Sql.js: SQLite Compiled with JavaScript

Sql.js is a port of SQLite to Web assembly, by compiling the SQLite C code with Emscripten. It uses a virtual database file stored in memory and thus doesn't persist the changes made to the database.Read More | Demo | Download -----------------------
Data Manager for Javascript – Beetle.js
Core Java Script

Data Manager for Javascript – Beetle.js

Beetle.js is a data manager for JavaScript. The goal of Beetle.js is to be able to work with data as easy as Entity Framework and LINQ.Here are the following some features of Beetle.FeaturesSupports property, entity validations Can work without metadata Supports data model inheritance Can work with Knockout and ES5 properties (others can be implemented easily) Tracks object and persist changes to the server Can query server with Http POST Can use existing data annotation validations (carries multi-language resource messages to a client) Auto-fix navigation properties (after foreign key set, entity attach, etc..) Can be internationalized (for internal messages, validation messages, etc..)Read More | Demo | Download -----------------------
Simple Full-Screen Image Gallery jQuery Plugin
CSS2 / CSS3.0, Gallery, jQuery Plugins

Simple Full-Screen Image Gallery jQuery Plugin

Simple full-screen is a fullscreen jQuery image gallery plugin made with jQuery & CSS. The gallery features fullscreen images in various modes and custom thumbnail scrolling script.Features:normal – images fit in a window (all image data is visible) full – images expand to window size (fullscreen) original – images keep their original sizes (centered on the screen)----------------------- Read More | Demo | Download -----------------------
Nicebord.js : Animate Border jQuery Plugin
Animation, JavaScript, jQuery Plugins

Nicebord.js : Animate Border jQuery Plugin

If you are looking for a jQuery plugin for the animate border so, you are on the right page. Nicebord.js is a free jquery plugin which will help you to easily create nice border animation in block elements. There is no required any hard and fast rule for using this plugin. In the demo section, you can see how easy is for use, simply copy the codes and past in your coding pages and apply then see the magic of this plugin.This plugin helps you to easily set border color, set border size, Animate top or right or bottom or left border, Begins animation from the center of the block and so many features have this plugin. you can see the more features in the following chart.Options:Attribute Type Default Descriptioncolor String '000000' Set border colororient...
From Asunc : Library that provide Acronymous Sending on Form Changes
Ajax, Forms, Plugins

From Asunc : Library that provide Acronymous Sending on Form Changes

Nowadays, so many forms which are providing libraries to send the acronymous on form changes. But the From Asunc library is very easy to use that provide acronymous sending on form changes. If you are searching for the best library form so it is a great solution to preventing any data loss when filling out a web form.You can the following features of this Form Asunc, which is so interesting and easy to understand.Features:Fully Customization. Saves any HTML form element. Send form elements as a group of the field. Lightweight (~1.5kb gziped) Support content editable property. Retry functionally if ajax request fails.Read More | Demo | Download 
Carousel with Image Zoom Effect Slider Plugin
jQuery Plugins, Zoom

Carousel with Image Zoom Effect Slider Plugin

Carousel with Image Zoom Effect Nowadays so many carousel image zoom effects are using in web and theme customization. So many developers are using the professional UI zoom effects in their projects. A carousel with image zoom effect plugin is listed as the most popular UI component in modern web design.Our Javascript carousel script enables us to show the products, images, blog posts, and any other media in an infinitely rotating interface.Read More | Demo | Download