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.

Imgedit : jQuery plugin to Edit an Inline Image

Imgedit : jQuery plugin to Edit an Inline Image

Imgedit is a small plugin to edit an inline image, what does this plugin do is make an image editable by clicking on it and uploading a new one with a preview (it replaces the original clicked image) then the plugin adds a file input to the target form.

Nice Gallery : jQuery neat Image Gallery Plugin

Nice Gallery : jQuery neat Image Gallery Plugin

Nice Gallery is a neat image gallery plugin for jQuery. It offers different possible configurations while still being lightweight and easy to work with.

Los Scrollos : jQuery plugins for Scrolling Overflow Content

Los Scrollos : jQuery plugins for Scrolling Overflow Content

Los Scrollos is a simple jQuery plugins for scrolling overflow content.

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.