Archive for 2020

    MoreToggles.css : Pure CSS nice-looking Toggles

    March 21, 2020 | CSS2 / CSS3.0
    MoreToggles.css : Pure CSS nice-looking Toggles

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

    Read More Demo

    Revealing Hero Effect with CSS & JavaScript

    March 21, 2020 | Core Java Script, CSS2 / CSS3.0
    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.

    Read More Demo

    Creepyface : Pointer following Animated Face JavaScript Library

    March 17, 2020 | Animation, Core Java Script
    Creepyface : Pointer following Animated Face JavaScript Library

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

    Read More Demo

    Background Scale Hover Effect with CSS Clip-path

    March 13, 2020 | Animation, CSS2 / CSS3.0
    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.

    Read More Demo

    Distorted Link Effects with SVG Filters

    March 13, 2020 | Animation, SVG Tutorial
    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.

    Read More Demo

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

    February 11, 2020 | CSS2 / CSS3.0, HTML5, Plugins
    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.
    Read More Demo

    Stacking Cards Effect with CSS & Intersection Observer API

    February 11, 2020 | Core Java Script, CSS2 / CSS3.0
    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.

    Read More Demo

    Image Dragging Effects with TweenMax & Draggabilly

    February 10, 2020 | Animation, Core Java Script, Drag & Drop
    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.

    Read More Demo

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

    February 10, 2020 | CSS2 / CSS3.0
    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.

    Read More Demo

    IsoCity : An isometric city builder in JavaScript

    January 3, 2020 | Core Java Script
    IsoCity : An isometric city builder in JavaScript

    IsoCity  is a simple JavaScript city builder with no simulation at all. No budget, no goals. Just build your tiny city. This would work on a phone, but it wasn’t designed with phones in mind.

    Read More Demo