Floating.js : JavaScript Animated Floating Elements

Floating.js : JavaScript Animated Floating Elements

Floating js is a animated float a number of things up on a page (hearts, flowers, emojis, words …).

Lace Patterns in CSS

Lace Patterns in CSS

I’ve recently decided to surprise my friends with a web page dedicated to their upcoming wedding — quite a beneficial topic in terms of experiments with various decorative elements like ribbons, frames, and lace. At the same time, I’m up to implement the maximum of such decorations in pure CSS for my own pleasure.

In this article, I want to share the way I managed to “weave” lace patterns for the future website with the help of radial and linear gradients.

amCharts : Weather Map a JavaScript library

amCharts : Weather Map a JavaScript library

amCharts Weather Map is a JavaScript library that helps your create beautiful, dynamically-updated, searchable maps and charts with all kinds of weather-related information

Reveal : Scroll Reveal Animations jQuery Plugin

Reveal : Scroll Reveal Animations jQuery Plugin

Reveal is a scroll reveal animations framework with unlimited animation possibilities. Reveal animations can be used with any element in your page. Built with the use of jQuery, GSAP and Animus, Reveal is guaranteed to offer an unmatched scroll reveal animation and design experience.

fbMessenger : jQuery Fake Facebook Messenger Interactions Plugin

fbMessenger : jQuery Fake Facebook Messenger Interactions Plugin

A jQuery plugin to easily visualize fake Facebook Messenger interactions, with an iPhone theme. Ideal for your bot landing page.

jQuery Sticky Header Footer Plugin

jQuery Sticky Header Footer Plugin

jQuery plugin that dynamically sticks content headers and footers to the top and bottom of viewport.

SlideBox : jQuery Animated Sliding Box

SlideBox : jQuery Animated Sliding Box

A simple light-weight jQuery plugin that makes a <div> (or another block element) moving from outside the page to one side of your choice when scrolling to a specific point.

  • uses .animate() with callback function
  • all directions are customizable
  • can be triggered when any DOMElement is visible or at any specific offset
  • closing option for the whole session on the page available

sdFilterMe : jQuery Portfolio & Gallery Filter Plugin

sdFilterMe : jQuery Portfolio & Gallery Filter Plugin

sdFilterMe  is a simple light-weight jQuery plugin to easily filter and order portfolio, articles, gallery, etc.

Tilt Hover Effects with CSS & JavaScript

Tilt Hover Effects with CSS & JavaScript

Some ideas for hover animations with a fancy tilt effect. Inspired by the hover effect seen on the Kikk 2015 website.We want to animate an image (which could be a link or simply a normal grid item) with a tilt effect on its parts. Having several elements in the item (that we call “tilter”), we can achieve a variety of effects that look very interesting. There’s the image, the “shine” element, the semi-transparent overlay with a colorful gradient, a border element and the caption.