WordPress Tutorials: JavaScript

Extend your WordPress projects with cool JavaScript goodies. Animations, AJAX interactions with the back-end, jQuery fiddles, and user interface extensions.

Before and After Image Tutorial

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 scrolling effect tutorial

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.

Google maps wordpress shortcode tutorial

WordPress Google Maps Tutorial

In this tutorial, learn how to add Google Maps to your WordPress website without using a plugin. We’ll create a custom shortcode that can be used multiple times on any post/page, and it’ll support multiple markers & popup info windows, with fully customisable HTML.

Upvote Posts in WordPress Tutorial

Upvote and Downvote WordPress Posts

In this tutorial we’ll build upvote and downvote buttons that can be added to any post or excerpt. We’ll start with a requirement specification, break down the components we need, and then code it.