Best jQuery Core Java Script Plugins & Tutorials with Demo

Tower Building Game with Html5 Canvas & Javascript

Tower Building Game with Html5 Canvas & Javascript

Tower Game is a HTML5 canvas tower building game using javascript. MIT licensed and has some option to customize.

Pressure.js : JavaScript library for handling Force Touch & 3D Touch

Pressure.js : JavaScript library for handling Force Touch & 3D Touch

Pressure is a JavaScript library for handling both Force Touch and 3D Touch on the web, bundled under one library with a simple API that makes working with them painless.

WebGL Distortion Hover Effects

WebGL Distortion Hover Effects

Today we’d like to share a little hover effect library with you. The effect goes as follows: when hovering an image, we’ll use a displacement image to transition to another image. Using different displacement images, we can create a variety of looks. The main idea behind this little library is to recreate an effect similar to what we have done previously, but with broader support, better performance and that is easier to customize.

Sticky Ultimate Video Player with JavaScript

Sticky Ultimate Video Player with JavaScript

Sticky Ultimate Video Player is a powerful sticky video / audio player that can be positioned in a sticky form at the bottom or top part of the webpage over its content that can play local video (mp4) / audio (mp3), streaming videos or audios from a server, Youtube videos or Vimeo videos. It only requires the mp4 / mp3 format (the best and most used formats on the web) and it will work on mobile devices and desktop machines no matter which browser is used, this is made possible by incorporating multiple video engines in an really smart way inside the video player logic. Sticky Ultimate Video Player supports unlimited playlists and each playlist can have unlimited videos.

The playlists can be loaded from a simple HTML markupXML filemixed playlist (vimeo | youtube | HTML5 video / audio)video folder (mp4 files)audio folder (mp3 files)youtube playlist or vimeo playlist.

TensorFlow.js : Machine Learning in Javascript

TensorFlow.js : Machine Learning in Javascript

TensorFlow.js is an open-source hardware-accelerated JavaScript library for training and deploying machine learning models.

Use flexible and intuitive APIs to build models from scratch using the low-level JavaScript linear algebra library or the high-level layers API.Use TensorFlow.js model converters to run pre-existing TensorFlow models right in the browser.Retrain pre-existing ML models using sensor data connected to the browser, or other client-side data.

Fitty : Snugly Resizes Text to fit its Parent Container

Fitty : Snugly Resizes Text to fit its Parent Container

Scales up (or down) text so it fits perfectly to its parent container.Ideal for flexible and responsive websites.

Features:

  • No dependencies
  • Easy setup
  • Optimal performance by grouping DOM read and write operations
  • Works with WebFonts (see example below)
  • Min and max font sizes
  • Support for MultiLine
  • Auto update when viewport changes
  • Monitors element subtree and updates accordingly

GPU.JS : GPU Accelerated JavaScript

GPU.JS : GPU Accelerated JavaScript

Gpu.js is a JavaScript Acceleration library for GPGPU (General purpose computing on GPUs) in Javascript. gpu.js will automatically compile simple JavaScript functions into shader language and run them on the GPU. In case a GPU is not available, the functions will still run in regular JavaScript.

A-Frame : Web framework for building Virtual Reality Experiences

A-Frame : Web framework for building Virtual Reality Experiences

A-Frame is a web framework for building virtual reality experiences.Make WebVR with HTML and Entity-Component Works on Vive, Rift, Daydream, GearVR, desktop.A-Frame can be developed from a plain HTML file without having to install anything.

Features: Hit the ground running with A-Frame’s built-in components such as geometries, materials, lights, animations, models, raycasters, shadows, positional audio, tracked controllers. Get even further with community components such as particle systems, physics, multiuser, oceans, mountains, speech recognition, or teleportation!

HotKeys.js : Javascript library for capturing Keyboard Input

HotKeys.js : Javascript library for capturing Keyboard Input

HotKeys.js is an input capture library with some very special features, it is easy to pick up and use, has a reasonable footprint (~3kb) (gzipped: 1.73kb), and has no dependencies. It should not interfere with any JavaScript libraries or frameworks.

Elastic Range Input with SVG & Anime.js

Elastic Range Input with SVG & Anime.js

In this tutorial we will see how we can simulate the behavior of a range input, with an elegant component. Fancy component to simulate a range input, based on this dribbble shot by Stan Yakusevich.

To code it, we will mainly use SVG to draw the paths, and anime.js to perform the animations.