Best jQuery Core Java Script Plugins & Tutorials with Demo

Glorious Demo : Easiest way to Demonstrate your Code

Glorious Demo : Easiest way to Demonstrate your Code

Glorious Demo is the easiest way to demonstrate your code in action.

SpaceTime : Javascript Timezone Library

SpaceTime : Javascript Timezone Library

SpaceTime is a lightweight javascript timezone library.

  • handle dates in remote timezones
  • heavily-support daylight savingsleap years (and seconds!), and hemisphere-logic
  • Moment-like cupid API
  • Orient by quarter, season, month, week..
  • Zero Dependencies – no Intl API
  • weighs just 45KB.

Sqorn : Javascript Library for Building SQL Queries

Sqorn : Javascript Library for Building SQL Queries

Sqorn is a Javascript library for building SQL queries.

Features:

  • Simple, Consistent, Ergonomic API
  • Composable, Immutable, Extendable Query Builder
  • Boilerplate Free
  • Fast – 10x faster than Knex.js
  • Secure Parameterized Queries
  • Typescript Declarations
  • Supports Postgres
  • Transactions

Page Flip Layout with CSS Grid & TweenMax

Page Flip Layout with CSS Grid & TweenMax

Today we’d like to share a flat take on a magazine-like layout with a “page flip” animation. When navigating, the content gets covered and then the next “pages” show. Depending on how far the pages are apart (when choosing a page from the menu), we show multiple elements to cover the content, creating a flat page flip look. The layout is powered by CSS Grid.

Grapick : Easy configurable Gradient Picker

Grapick : Easy configurable Gradient Picker

Grapick is a easy configurable gradient picker, with no dependencies.

GrapesJS : Open-source Web Builder Framework

GrapesJS : Open-source Web Builder Framework

GrapesJS is a free and open source Web Builder Framework which helps building HTML templates, faster and easily, to be delivered in sites, newsletters or mobile apps. Mainly, GrapesJS was designed to be used inside a CMS to speed up the creation of dynamic templates.

Lengthy : MicroLibrary for SVG Shape Length in a CSS Var

Lengthy : MicroLibrary for SVG Shape Length in a CSS Var

Lengthy is a JavaScript microlibrary (1.2kb min, 0.7kb gzipped) to get the length of SVG shapes. The length will automatically be added to the element as a CSS Var to make it easy to do CSS animations of SVG stroke-dashoffset for the wonderful line drawing SVG technique and other interesting animations.

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.

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.