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 […]
Search Results for: wordpress
Custom Gallery display in WordPress using Views
To view the full content, please sign up for the membership. Already a member? Log in below or here.
How to play a sound on hover/click of an element in WordPress
Warning: Playing audio on usual site navigation actions like hover or clicking will most certainly annoy your site’s visitors and drive them away. That said, there are some clients who insist on this and hence this article. net tuts+ and css-tricks share identical code for adding audio HTML5 element to body dynamically via jQuery when […]
Implementing Responsive-Tabs jQuery script in WordPress
Pete Love’s Responsive-Tabs jQuery script can be used to display content in tabs at regular desktop widths which automatically collapses to a accordion view at a specific width (767px by default, configurable). Follow the steps below to use it in your WordPress site. First, screenshots. 768px and above: 767px and below: Screencast: Step 1 Upload […]
Conditional for mobile check in WordPress
To view the full content, please sign up for the membership. Already a member? Log in below or here.
Using jQuery.Pin to make any element sticky in WordPress
jQuery.Pin is an excellent jQuery script to pin any element to the top of a container. In this article I shall go over implementing jQuery.Pin in WordPress to make Primary Navigation menu and a widget in News Pro (a Genesis child theme) stick to the top of screen as the rest of the page content […]
How to fade away an element when scrolling down and fade it back when scrolling up in WordPress
In Agency Pro, a Genesis child theme the welcome text content gradually fades away when scrolled down and appears in full opacity when scrolling back up. In this article I am going to provide an example of using Agency Pro’s JavaScript in Minimum Pro. This can be applied in any WordPress theme. Screencast: In the […]
Using Waypoints jQuery to animate and fade in elements as they are scrolled to in WordPress
Waypoints is a jQuery plugin that makes it easy to execute a function whenever you scroll to an element. In this article I am going to show how to rotate social media icons and fade in text below them as the web page is scrolled down. Even though the instructions are specific to Minimum Pro […]
Different backgrounds for different Pages and Posts in WordPress
To view the full content, please sign up for the membership. Already a member? Log in below or here.
How to set up a ‘Go To Bottom’ link that scrolls smoothly in WordPress
To view the full content, please sign up for the membership. Already a member? Log in below or here.
Recent Comments