Today we’d like to share a simple implementation of a grid animation with you that is based on the Dribbble shot. When a grid item is clicked, the background and the thumbnail are scaled up and moved to their fullscreen position. While the Dribbble shot is an animation for the mobile phone, we thought we could explore this concept for the desktop, too. We are using anime.js by Julian Garnier.
Best jQuery Core Java Script Plugins & Tutorials with Demo
KoolChart : HTML5 CANVAS based Charting Solution
HTML5 CANVAS-based charting solution with excellent performance Works on all HTML5-supported browsers With a single development effort, the chart layout and style can be used on multiple devices.
- 30 essential chart types, which is the most numerous provided in a single package.
- Brilliant 2D and 3D charts with animation effects.
- 400 ready-to-use sample charts are pre-packaged by default.
- Customize styles, themes, tooltips, axes, labels, user-defined JavaScript functions, etc.
- Simulate charts with Data Editor.
Emergence.js : Detect Element Visibility in the Browser
Emergence.js is a lightweight, high-performance JS plugin for detecting and manipulating elements in the browser. It gives the developer the freedom to use their own CSS or JS to determine what happens; whether it’s animation or a change in state. It leverages HTML5 data-* attributes instead of classes for ease and developer clarity. Emergence.js is one of the lightest and most compatible plugins of its kind.
Simple 3D Carousel with JavaScript
Simple 3D Carousel is a image carousel slider plugin that allows to display normal images (jpg or jpeg) or images with transparency (png) with an unique original layout from a 3D perspective. It’s perfect for any kind of presentation, for anyone that wants to deliver a great impact to thier visitors. It runs on all major browsers and mobile devices like iPhone, iPad, IOS, Android and Windows. When a thumbnail is clicked you can choose to do nothing or open a new web page. Simple 3D Carousel has high performance using OOP code and the latest CSS techniques, ready for mobile with swipe, very flexible, easy to setup and extremely customizable.
Micromodal : Lightweight JavaScript Modal Library
Micromodal.js is a lightweight, configurable accessible modal library written in pure JavaScript. The aim of this library is to make modal dialogs accessible and easy to include in your project with minimum configuration. It’s only 1.9kb minified and gzipped – A tiny library for big change.
Sticky Sidebar : jQuery Smart and high performance Sticky Sidebar
Sticky Sidebar is a pure JavaScript plugin for making smart and high performance sticky sidebar, works with sidebar if it’s taller or shorter than the viewport, integrated with resize sensor to re-calculate the dimensions automatically when the size of sidebar or its container is changed, supports jQuery/Zepto.
