smoothState.js is a jQuery plugin that progressively enhances page loads to give us control over page transitions. In this tutorial I discuss implementing smoothState.js in Genesis. Since the HTML content of initial page (ex.: front page) will be replaced with that of the later page (ex: an inner page) using Ajax, going back to the… Continue Reading »
AniView is jQuery plugin that works in harmony with Animate.css in order to enable animations only when content comes into view. It is similar to WOW.js that I wrote about in the past. AniView is relatively new and not as popular as WOW.js but is lighter than WOW. This tutorial covers using post_class filter hook to… Continue Reading »
In the past I wrote several tutorials on scroll animations Genesis/WordPress: Scroll animations in WordPress using WOW.js Adding scroll animations in Parallax Pro Using ScrollReveal.js to fade in posts in Genesis Scroll animations in WordPress using Animate.css, Jack In The Box and Waypoints Using Waypoints jQuery to animate and fade in elements as they are… Continue Reading »
In the past I wrote about using ‘Jack In The Box’ and ScrollReveal here and here for on scroll (more like, ‘when-it-comes-in-the-view’) animations. I have updated the post on ScrollReveal today. But find that animations no longer work during my tests. Therefore I gave WOW, the newer incarnation of Jack In The Box a try… Continue Reading »
Want to slide your site’s header out of view when scrolling down and slide it back in when scrolling up? In this article I show how to incorporate Headroom.js in WordPress for non handheld devices. Upload headroom.min.js to your child theme directory/js (create js directory if it’s not present). Upload jQuery.headroom.min.js to the same location… Continue Reading »
To view the full content, please sign up for the membership. Already a member? Log in below or here.