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 […]
Animate.css
Scroll animations in WordPress using WOW.js
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 […]
How to fade in last sidebar widget as it is scrolled to and make it fixed in Genesis
Andrea asked, @srikat Any chance of a tutorial? Client wants bottom sidebar widget to fade in and stick like on Pat Flynn’s blog: http://t.co/5leVweR1zI— Andrea Whitmer (@awhitmer83) January 30, 2014 In this post I am going to share a way of doing this using Waypoints, Animate.CSS and StickyJS. Here’s the overall flow: Opacity of the […]
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 […]
Cross-browser animations using Animate.css
To view the full content, please sign up for the membership. Already a member? Log in below or here.
Recent Comments