Smooth Scrolling Marquee Text Banner
Create a scrolling text marquee banner, like a news-ticker, for your WordPress site with this copy-and-paste tutorial. Supports scrolling to the right for Arabic languages. No plugins required.
Animated Text-Reveal Effect
Learn how to create an animated text-reveal effect for your WordPress projects. A fun copy-and-paste JavaScript tutorial.
Parallax Scrolling Sprites with Rellax JS
We’re going to use the Rellax JS parallax scrolling library to create the effect of rising bubbles, as the reader scrolls down the page.
Floating Button Tutorial for WordPress
Add an always-on-top floating button to your WordPress site that displays a fully customisable popup panel when clicked. The whole thing will be mobile-first responsive.
Before and After Image Slider
Learn how to use the Cocoen JavaScript module to create before-and-after image sliders in WordPress. We’ll use the built-in WordPress Gallery Block to make it easy to layout the images.
Parallax Image Scrolling Effect
This lightweight copy-and-paste tutorial show you how to create a parallax image scrolling effect in WordPress, without installing a plugin. Suitable for beginners and developers.
Turn any WordPress Gallery into a Slide Show
This tutorial shows you how to convert the standard WordPress gallery into a fading slideshow. We’ll use some PHP and core JavaScript – it’s super-lightweight.
Animated JavaScript Typewriter Text Effect
Create a custom WordPress animated typewriter effect you can add to your hero sections, or to your posts. No plugin required.
Animate Any WordPress Block when Scrolling
Learn how to animate any WordPress block on scroll. There’s very little code and you can add it to any WordPress site without a plugin.
Responsive Post & Product Scrolling Carousel
Create a scrolling post carousel for your WordPress site. SEO friendly and it can handle custom post types & WooCommerce products.
Animated Counter with JavaScript
Learn how to make a simple animated counter with a WordPress PHP shortcode and some JavaScript/jQuery for the front-end.