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.
Nano ID : Unique string ID Generator for 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
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
- 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
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.