Best jQuery Core Java Script Plugins & Tutorials with Demo

    AnimateMate : Create your animations directly in Sketch

    AnimateMate : Create your animations directly in Sketch

    Create your animations directly in Sketch using AnimateMate.

    Imageless Captcha with JavaScript & PHP

    Imageless Captcha with JavaScript & PHP

    Creates a random number on every page load, based on your preferences. From that number, it creates the number as a phrase. In the form, you use the phrase to ask the user to enter it as a number. When the form is posted, you simply check to see if the user’s answer matches the number.

    • Keeps your form clean, no ugly captcha images or third-party embedded styles
    • Extremely lightweight
    • Very easy to implement
    • Customizable

    ComicBubbles : Speech balloon JavaScript library

    ComicBubbles : Speech balloon JavaScript library

    ComicBubbles is a JavaScript HTML5 canvas library which simplifies the process of adding speech bubbles to photos. ComicBubbles bubbles can be saved as JavaScript objects or merged with the original image.

    Key features:

    • small size, framework-independent
    • can produce interactive, animated speech|thought|scream balloons
    • API

    Grid Loading Animations with JavaScript & CSS

    Grid Loading Animations with JavaScript & CSS

    Today we’d like to share a set of simple, inspirational loading animations for grid items with you. The idea is to show some image grid items with a (subtle) animation after loading has finished. For the demo we have three slightly different grid layouts with different gutters and column numbers.

    Fingerprintjs2 : Modern & flexible browser Finger Printing library

    Fingerprintjs2 : Modern & flexible browser Finger Printing library

    Original fingerprintjs library was developed in 2012, it’s now impossible to evolve it without breaking backwards compatibilty, so this project will be where all the new development happens.

    This project will use significantly more sources for fingerprinting, all of them will be configurable, that is it should be possible to cherry-pick only the options you need or just enable them all.

    Experimental 3D Room Exhibition Layout with CSS3

    Experimental 3D Room Exhibition Layout with CSS3

    Today we’d like to share an experimental 3D layout with you. The idea is to show some information about a gallery’s exhibition in an interesting way. Each artist has a “room” in the gallery which shows the schedule for the exhibition. When clicking on one of the navigation buttons, we move away from the current room and proceed to the next (or previous) one with an animation.For this experiment we are using the animation library anime.js

    SSi-Modal : Flexible Modal Window

    SSi-Modal : Flexible Modal Window

    Ssi-modal is the most flexible and powerful modal window.

    • Responsive
    • Mobile friendly
    • Customizable

    Expanding Bar Navigation Concept with CSS & JavaScript

    Expanding Bar Navigation Concept with CSS & JavaScript

    Today we’d like to share an experimental tab-like navigation with you. The main idea is to animate the bars of the navigation in a way that they expand to reveal some further content. The navigation is either shown in a vertical or horizontal orientation. For this experiment we are using anime.js.

    Stack Motion Hover Effects with CSS & JavaScript

    Stack Motion Hover Effects with CSS & JavaScript

    Today we’d like to share some tiny hover effect ideas with you. The concept stems from the hover effect seen on Merci-Michel which has a really nice feel to it because of its fluidity. The idea is to show a stack behind the hovered thumbnail that has the same main color as the image and then animate the elements in a swift motion. We are using the JavaScript library anime.js for the animations.

    Blurify : JavaScript library to blurred Images

    Blurify : JavaScript library to blurred Images

    Blurify.js is a tiny(~2kb) library to blurred pictures, support graceful downgrade from `css` mode to `canvas` mode.