Thursday, October 22FreeJQuery

Tag: 2018

JavaScript library to Split an element by Words & Characters : Splitting.js
Animation, Core Java Script, Text Effects

JavaScript library to Split an element by Words & Characters : Splitting.js

Splitting.js Splitting.js is a JavaScript microlibrary with a collection of small built-in plugins designed to split (section off) an element in a variety of ways, such as words, characters, child nodes, and more!Some of the splitting methods utilize a series of <span>s populated with CSS variables and data attributes unlocking transitions and animations that were previously not feasible with CSS.Basic Usage of Splitting.js Splitting can be called without parameters, automatically splitting all elements with data-splitting attributes by the default of chars which wraps the element's text in <span>s with relevant CSS vars.Splitting is a JavaScript microlibrary with a collection of small built-in plugins designed to split (section off)The Splitting library doe...
Diagonal Slideshow with JavaScript & CSS
Animation, Core Java Script, CSS2 / CSS3.0, Slider

Diagonal Slideshow with JavaScript & CSS

Diagonal Slideshow with JavaScript & CSSA Diagonal Slideshow look and three visible slides. A decorative background element expands to fullscreen when opening the content preview. A slideshow with a "diagonal" look and three visible slides. A decorative background element expands to fullscreen when opening the content preview. There's another slideshow which will surely impress you,  This time we have a diagonal type of look where the current slide is in the center of the page and the previous and next images can be seen laterally, one in the top left corner and one in the bottom right corner of the page.Also Check: Design & AnimationsAfter open, the content preview looks like this.Here you can enjoy this flashing series of diagnonal slideshow,...
5+ Responsive Calculators For the Basic Financial Websites
Application, Bootstrap, Browser, CSS2 / CSS3.0, CSS2 / CSS3.0, Responsive

5+ Responsive Calculators For the Basic Financial Websites

Calculators For the Basic Financial Websites:There are thousand of online calculators to calculate million of sums easily, but teh thing which is usually notable is teh Interface & look of a Calculator. Everyone is seeking an calculator wif best interface to use and calculate easily. If You're running a financial site which is related wif bonds, Pricing, charts, & sums so you must try these calculators for you're website.Things You May Know:Teh original compact calculator was teh abacus, developed in China in teh ninth century. Teh young French mathematician Blaise Pascal (1623-1662) invented teh first adding machine in 1642, a clever device driven by gears and capable of performing mechanical addition and subtraction.  Visual Type Scale Calculat...
Push.js : Cross-browser JavaScript Push Notifications
Other API, Plugins, Web

Push.js : Cross-browser JavaScript Push Notifications

Push is the fastest way to get up and running with Javascript desktop notifications. Push acts as a cross-browser solution to this API, falling back to use older implementations if the user’s browser does not support the new API. 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...
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 
Add Animate Rotated Overlays Transition Effects
Animation, jQuery Effects, jQuery Plugins

Add Animate Rotated Overlays Transition Effects

Some examples on how we can add animate rotated overlays transition effects, by adding elements & objects for amazing touch. The moving effects are always attractive to the eyes.To add Such an effect isn't so difficult, We've to add reveal plugin which helps to animate any object which you add to the overlay.Read More | Demo | Download