Best jQuery Core Java Script Plugins & Tutorials with Demo

Password Strength Visualization with JavaScript

Password Strength Visualization with JavaScript

Today we’d like to share a little reimplementation of an interesting effect with you. The idea came from this Reddit entry which describes a method of showing an image less pixelated the stronger the password entered is. You can see the idea in action on the signup page of Colibro. We thought this was an awesome idea and wanted to experiment with it, and also with the reverse logic.

Creative Upload Interaction with JavaScript & Canvas

Creative Upload Interaction with JavaScript & Canvas

Well in this tutorial we will see how to implement a creative component to upload files, using as inspiration the previous animation by Jakub Antalík. The Idea is to bring better visual feedback around what happens with the file after is dropped.

We will be focusing only on implementing the drag and drop interactions and some animations, without actually implementing all the necessary logic to actually upload the files to the server and use the component in production.

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!