AniJS is a Javascript library to easily add animations to elements on webpages by setting the value of data-anijs data attribute using the following syntax: if an event occurs on this element do an action/animation to this element In this tutorial, I share the steps for loading this library and using it in Genesis. We […]
Animations
Gradients animation in Genesis using Granim.js
Granim is a lightweight Javascript library for animating gradients. In this tutorial, we are going to set it up as a background of a custom Home Hero widget area below the header on the front page in Genesis. Note: The actual animation will be smoother unlike what got captured in the below screencast. See the […]
Using ScrollReveal.js to fade in posts in Genesis
While the below tutorial should work in theory, it does not. You might want to instead follow Scroll animations in WordPress using WOW.js. Declarative on-scroll reveal animations. A simple way to create and maintain how elements fade in, triggered when they enter the viewport. In a previous post titled Scroll animations in WordPress using Animate.css, […]
Announcing One-Pager – A one page parallax website child theme for Genesis
I am happy to release my first ever WordPress theme called One-Pager, a child theme for Genesis framework for free. It is primarily meant for single page websites that have several horizontal sections with the nav menu items scrolling smoothly to their corresponding sections. Live Demo Features & Summary Meant for a single page website. […]
Scroll animations in WordPress using Animate.css, Jack In The Box and Waypoints
In this article I share my findings on animating elements as they come into view in WordPress. Yesterday I came across Jack In The Box. From the github page: Reveal CSS animation as you scroll down a page. By default, you should use it to trigger animate.css animations. Jack In The Box is kind of […]
Recent Comments