Best jQuery Core Java Script Plugins & Tutorials with Demo

Crossroads Slideshow with CSS & TweenMax

Crossroads Slideshow with CSS & TweenMax

Today we’d like to share an experimental slideshow with you. The main idea is to show three slides of a slideshow that is slightly rotated. The titles of each slide, which serve as a decorative element, overlay the images and are rotated in an opposing angle. This creates an interesting look, especially when animated. When clicking on one of the lateral slides, the whole thing moves, and when we click on the middle slide, we move everything up and reveal a content area.The animations are powered by TweenMax.

Mosaic : JavaScript library for building User Interfaces

Mosaic : JavaScript library for building User Interfaces

Mosaic is a declarative, front-end JavaScript library for building user interfaces in an efficient and easy to learn way. It is a component-based library, meaning that you can build applications by combining small, reusable components that come together to make an entire web app – just like how a mosaic is a work of art made up of small pieces of painted material.

Exploding 3D Objects with Three.js

Exploding 3D Objects with Three.js

Today we’d like to share an exploding object experiment with you. A set of WebGL demos that show an exploding 3D object animation inspired by “Kubrick Life Website: 3D Motion”.

Creative View Mode Switch Animation with CSS & jQuery

Creative View Mode Switch Animation with CSS & jQuery

A creative views switch animation with grid and list viewing modes made with CSS3, jQuery, Masonry and GSAP’s TweenMax.

Create Smooth WebGL Transitions on Scroll using Phenomenon

Create Smooth WebGL Transitions on Scroll using Phenomenon

A tutorial on how to transition WebGL instances in a smooth way based on the scroll position using three.js and Phenomenon.

HTML Schedule build with HTML5, CSS3 and Javascript

HTML Schedule build with HTML5, CSS3 and Javascript

Milbytes Schedule has been built with HTML5, CSS3 and Javascript. This control allows you to visualize events in a grid inside your web page. It has many parameters to define its behavior, visualization and you can capture actions generated when you interact with the elements of the schedule.

Brilliant Animated Testimonials Page with JavaScript

Brilliant Animated Testimonials Page with JavaScript

An animated testimonials page made with GSAP’s TweenMax which will help you to impress your customers.

lax.js : JavaScript Plugin for awesum Scroll Effects

lax.js : JavaScript Plugin for awesum Scroll Effects

Lax.js  is a simple & light weight (2kb minified & zipped) vanilla javascript plugin to create smooth & beautiful animations when you scrolllll! Harness the power of the most intuitive interaction and make your websites come alive!

Microsite Concept with Rotating Background

Microsite Concept with Rotating Background

An animated microsite concept with rotating background made with CSS3, jQuery and GSAP’s TweenMax. A microsite is an individual web page or small cluster of web pages that act as a separate entity for a brand. A microsite typically lives on its own domain, but some exist as a subdomain. Companies have different reasons for investing in microsites. Microsites have the advantage of opening wide out-of-the-box thinking and strategy and can be used to help brands achieve a number of things. For example, some companies have used them to highlight a specific campaign or target specific buyer personas. Others have used them to tell a short story or to inspire a specific call-to-action.

jQuery Plugin to Detect Device Type : js.device.selector

jQuery Plugin to Detect Device Type : js.device.selector

ES6 class and jQuery Plugin which get the current Device Type and Display Type of a Browser while making CSS Breakpoints available in JavaScript.

This solution make it possible to define your breakpoints only once (in CSS) and pass them automatically into JavaScript.