Moveable : JavaScript Library for Draggable, Resizable, Scalable, Rotatable

    Moveable : JavaScript Library for Draggable, Resizable, Scalable, Rotatable

    Moveable is javascript library for Draggable, Resizable, Scalable, Rotatable, Warpable, Pinchable, Groupable, Snappable elements.

    Features:

    • Draggable refers to the ability to drag and move targets.
    • Resizable indicates whether the target’s width and height can be increased or decreased.
    • Scalable indicates whether the target’s x and y can be scale of transform.
    • Rotatable indicates whether the target can be rotated.
    • Warpable indicates whether the target can be warped(distorted, bented).
    • Pinchable indicates whether the target can be pinched with draggable, resizable, scalable, rotatable.
    • Groupable indicates Whether the targets can be moved in group with draggable, resizable, scalable, rotatable.
    • Snappable indicates whether to snap to the guideline.

    MoreToggles.css : Pure CSS nice-looking Toggles

    MoreToggles.css : Pure CSS nice-looking Toggles

    MoreToggles css is a pure CSS library that provides you with a variety of nice-looking toggles.

    Revealing Hero Effect with CSS & JavaScript

    Revealing Hero Effect with CSS & JavaScript

    In this tutorial, we will show how to create a section that reveals its content when the previous element scrolls away.

    Creepyface : Pointer following Animated Face JavaScript Library

    Creepyface : Pointer following Animated Face JavaScript Library

    Creepyface is a little JavaScript library that makes your face look at the pointer.

    Background Scale Hover Effect with CSS Clip-path

    Background Scale Hover Effect with CSS Clip-path

    A simple recreation of the background scale hover effect seen on the DDD Hotel website using CSS clip-path.The idea is to scale down the background image and “fitting” it to a clip shape which contains the same background image. The shape is visible because the opacity of the background is a bit lower.

    Distorted Link Effects with SVG Filters

    Distorted Link Effects with SVG Filters

    Today we’d like to share some ideas for distorted link effects with you.A couple of ideas for decorative link distortion effects using SVG filters on lines, circles and squares.

    ChatPro – All in One Chat on Any Social Plateform jQuery Plugin

    ChatPro - All in One Chat on Any Social Plateform jQuery Plugin

    ChatPro – All in One Chat on Any Social Plateform jQuery Plugin is an a modern responsive chat plugin build with HTMl, JS & CSS3.

    •  Chat support plugin that provides a quick and easy way to interact with your clients.
    • JS, HTML5, CSS3, Bootstrap used to design hosting chat widget.
    • All the codes are clean and well organized, You are able to easily edit/change/customize any style.
    • These chat plugins are provided with 10 uniq designs, 8 color combination.

    Stacking Cards Effect with CSS & Intersection Observer API

    Stacking Cards Effect with CSS & Intersection Observer API

    In this tutorial, we will take a look at how to create a stacking cards effect, using the CSS sticky position and the Intersection Observer API.

    Image Dragging Effects with TweenMax & Draggabilly

    Image Dragging Effects with TweenMax & Draggabilly

    Today we’d like to share a little set of playful dragging effects with you. The idea is to animate images as they are being dragged, and distort, scale or apply filters to them. For some examples we tie the intensity of the effect to the speed of the dragging motion.

    Crafting a Cutout Collage Layout with CSS Grid & Clip-path

    Crafting a Cutout Collage Layout with CSS Grid & Clip-path

    Learn how to code up an interesting design with a cutout image look using CSS Grid and clip-path.