100+ Best jQuery Plugin & Tutorial of November 2018

    Scenic 3D Photo Parallax with JavaScript

    Scenic 3D Photo Parallax with JavaScript

    Scenic – is a simple script that automatically animates layers of still imagery during scrolling for creating an illusion of 3D. It pans and zooms a photo to achieve a parallax effect.

    You can also use any html elements as layers like ‘div’ with text or buttons.

    For creating 3D photos you will need to break your photo into layers. You can do it easily in editors like Adobe Photoshop. When you purchase our script you also get a video tutorial about creating layers in Photoshop.

    SimpleBar : Custom Scrollbars vanilla Javascript library

    SimpleBar : Custom Scrollbars vanilla Javascript library

    Simplebar is a custom scrollbars vanilla javascript library with native scroll, done simple, lightweight, easy to use and cross-browser.

    Carousel with Image Zoom Effect

    Carousel with Image Zoom Effect

    A dead simple Javascript carousel script for cycling through a group of items ( images and content ) with a dot indicator and the arrows.Our “carousel with image zoom effect” comes with simple zoom-in effect for the images, one simple effect for the headlines and clear design which follows all that cool effects. This carousel was built with anime.js.

    Yall.js : Fast, Flexible and Tiny Image Lazy Loader

    Yall.js : Fast, Flexible and Tiny Image Lazy Loader

    yall.js is a featured-packed lazy loading script for <img><picture><video> and <iframe> elements. It works in all modern browsers including IE11. It uses Intersection Observer where available, but falls back to scrolltouchmoveresize, and orientationchange events where necessary. It can also monitor the DOM for changes using Mutation Observer to lazy load image elements that have been appended to the DOM after initial page render, which may be desirable for single page applications. It can also (optionally) optimize use of browser idle time using requestIdleCallback. To optimize decoding of <img> lazy loading for simple src and srcset use cases, yall.js uses Image.decode where available to decode images asynchronously before adding them to the DOM.

    Animated Grid Previews with CSS & TweenMax

    Animated Grid Previews with CSS & TweenMax

    Today we’d like to share another CSS grid-powered template with you. The idea is to show a navigation and some scattered images in the background that have a slight parallax effect. Once the “explore” link is clicked, the seemingly randomly placed items animate to their final position in a grid. Each grid has its own unique layout. Once the animation is done, the whole thing becomes scrollable and a content area shows beneath the grid.The animations are powered by TweenMax.