Nano ID : Unique string ID Generator for JavaScript

Nano ID : Unique string ID Generator for JavaScript

Nano ID is a tiny, secure, URL-friendly, unique string ID generator for JavaScript.It uses cryptographically strong random APIs and guarantees a proper distribution of symbols.It uses a larger alphabet than UUID (A-Za-z0-9_~) and has a similar number of unique IDs in just 21 symbols instead of 36.

jQuery Accessible simple Tooltip window using ARIA

jQuery Accessible simple Tooltip window using ARIA

This jQuery plugin will provide you an accessible and simple non-modal tooltip, using ARIA.

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.

jQuery – Facebook,YouTube,Vimeo,Twitter,Instagram Social Stream Grid

jQuery - Facebook,YouTube,Vimeo,Twitter,Instagram Social Stream Grid
  • Responsive Design Layouts.
  • 6 Style Available
  • Inline Social read popup
  • Inline Only image popup
  • Custom Columns Layout
  • Custom backgrond Color and hover background color
  • Fitrow and Masonry Grid Layout
  • Show more Pagination
  • Multi Filtering
  • Social Share icon for each post in popup
  • 60+ animation effects

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.

Dgtable : jQuery High-performance Table for Web Apps

Dgtable : jQuery High-performance Table for Web Apps

Dgtable is a table View for jQuery, which is meant to be high-performance, and allow simple user interactions with the UI, such as:

  • Sorting
  • Sorting by more than one column
  • Moving columns
  • Resizing columns
  • Full cell preview when hovering
  • Native RTL support

VHS : Post-future CSS animations

VHS : Post-future CSS animations

VHS is a Post-future css animations library.

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.