Best jQuery Core Java Script Plugins & Tutorials with Demo

Circular-Menu : Circular Navigation Menu with JavaScript & CSS

Circular-Menu : Circular Navigation Menu with JavaScript & CSS

In this tutorial I’m going to show you how to create circular navigations using CSS transforms. I’m going to take you through the steps for creating these styles one by one, and explain the math (yikes!) and simple logic behind them so you get a clear understanding of the technique.

Translater.js : Page Language Translation Solution

Translater.js : Page Language Translation Solution

This is a use of HTML comments page translation solution. For a small amount of static pages, this solution is more simple. it has no dependents, Compression only (~2KB) Official document.

  • Support IMG``text switching
  • Support URL parameter switching language
  • Support local cache selection

Nano ID : Unique String ID Generator for JavaScript

Nano ID : Unique String ID Generator for JavaScript

A tiny, secure, URL-friendly, unique string ID generator for JavaScript.Likewise UUID there is a probability that an ID will be duplicated. But this probability is extremely small.

  • Small. 141 bytes (minified and gzipped). No dependencies. It uses Size Limit to control size.
  • Safe. It uses cryptographically strong random APIs and tests distribution of symbols.
  • Fast. It’s 16% faster than UUID.
  • Compact. It uses a larger alphabet than UUID (A-Za-z0-9_-). So ID size was reduced from 36 to 21 symbols.

AutoComplete.js : Simple Autocomplete pure vanilla Javascript library

AutoComplete.js : Simple Autocomplete pure vanilla Javascript library

AutoComplete.js is a simple pure vanilla Javascript library that’s built for speed, high versatility and seamless integration with wide range of projects & systems.

Features:

  • Simple & Easy to use
  • Pure Vanilla Javascript
  •  Zero Dependencies
  • Lightweight
  • Lightning Fast
  • Versatile
  • Customizable

PhotoViewer : Windows like Image Viewer

PhotoViewer : Windows like Image Viewer

PhotoViewer is a JS plugin to view images just like in windows.

Features:

  • Modal draggable.
  • Modal resizable.
  • Modal maximizable.
  • Image movable.
  • Image zoomable.
  • Image rotatable.
  • Keyboard control.
  • Fullscreen showing.
  • Multiple instances.

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.