Start here — build anything

️We build professional, high-quality, hand-crafted WordPress plugins and themes.

Measure and improve your website pagespeed and WordPress security with our WordPress Lighthouse performance & security plugin

Active Analytics is a privacy-enhanced, easy-to-use and lightweight WordPress analytics plugin

Start your own greeting cards website with our WordPress eCards plugin

Get your website Google-compliant, GDPR-compliant and cookie-compliant

All plugins are compatible with WordPress 5+, WordPress 6+, ClassicPress, PHP 7+, PHP 8+, and receive automatic lifetime updates.
💡 Founded in 2011 by Ciprian Popescu. ☘️ Headquartered in Dublin, Ireland 🇮🇪.

How to Build a Vertical Off-Canvas Menu Bar Using JavaScript and CSS

Learn JavaScript
Learn JavaScript by example

Read the Blog
Why, how-to & code snippets and tutorials

Find a WordPress Plugin
Free and premium high-quality plugins for WordPress, WooCommerce, Gravity Forms, analytics, page speed and more. Page speed optimization plugins, SEO plugins, image gallery plugins, eCards, Lighthouse and more.

How to Build a Vertical Off-Canvas Menu Bar Using JavaScript and CSS

In my work, coming up with fresh navigation ideas and creating an intuitive and efficient navigation system is essential for enhancing user experience. One solution that stands out is the vertical off-canvas…

How to Build a Double Off-Canvas Menu Using JavaScript

Creating a double off-canvas menu can greatly enhance the user experience by providing accessible navigation options without occupying valuable screen space. This article will guide you through how I built a double…

Simplifying Conditional Statements in JavaScript with the && Operator

JavaScript provides several ways to handle conditional logic. One powerful method is the logical AND (&&) operator. This tutorial will show you how to use the && operator and avoid unnecessary if/else…

Grouping Arrays in JavaScript with Object.groupBy() and Map.groupBy()

In JavaScript, there often arises a need to group array elements based on a certain property. Prior to ES2024, this involved custom functions or using libraries like Lodash. However, ES2024 introduced a…

inView

Loading Images Based on Screen Visibility Lazy loading images is a technique that defers the loading of non-critical resources (such as images) until they are needed. This approach can significantly improve page…

Thin Select — Custom JavaScript Dropdown Element

Let’s create a custom <select> element using vanilla JavaScript and CSS. Thin Select provides a sleek and minimalistic design for <select> dropdowns. Here is what we’ll build: See the Pen Thin Select…

How to Create a JavaScript Spinner with Phenakistoscope Effect

In this tutorial, you will learn how to create a JavaScript spinner that mimics the effect of a Phenakistoscope, an early animation device that creates the illusion of motion by spinning images…

How to Lazy Load Google Map Iframe Embed in WordPress

If you embed a Google Map iframe on your WordPress website, you may notice an increase in the total webpage size and a slowdown in your website’s loading speed. This can be…

JavaScript Game: Obstakl

Obstakl is a game where the player needs to avoid moving obstacles, by controlling the main character using the mouse. See the Pen Obstakl – JavaScript Game by Ciprian (@ciprian) on CodePen.…

JavaScript Marquee: A collection of scrolling text snippets

I have started to consider adding scrolling text into my design process. I started by using a CSS-only approach. The principle for the CSS infinite scrolling process is to have a specific…

How to Get Dominant Colours of an Image in PHP

This feature has been requested by some of my ImagePress customers. Basically, whenever a new image is uploaded, an array of 8 primary colours is extracted and a dominant colour is set.…

How to Completely Remove the Jetpack Plugin

This is mostly a note to myself. Jetpack is a well-used plugin on a number of sites and has over 5+ million active installations. But will all modules active, it can cause…

ClassicPress TinyMCE: How to Add Styles, Buttons, Fonts, Dropdowns & Popups

When I took over FX Builder and started updating it for the new ClassicPress 2+, I wanted to add some new features to the TinyMCE editor, something I use on a daily…

Moving to a System Font Stack (How and Why)

I believe the “why” in the title is self-explanatory. If not, it’s all about performance. Over the past decade, I switched from WOFF to WOFF2, then to variable fonts, and now I’m…

How to Build a Vertical Off-Canvas Menu Bar Using JavaScript and CSS

In my work, coming up with fresh navigation ideas and creating an intuitive and efficient navigation system is essential for enhancing user experience. One solution that stands out is the vertical off-canvas…

How to Build a Double Off-Canvas Menu Using JavaScript

Creating a double off-canvas menu can greatly enhance the user experience by providing accessible navigation options without occupying valuable screen space. This article will guide you through how I built a double…

Simplifying Conditional Statements in JavaScript with the && Operator

JavaScript provides several ways to handle conditional logic. One powerful method is the logical AND (&&) operator. This tutorial will show you how to use the && operator and avoid unnecessary if/else…

Grouping Arrays in JavaScript with Object.groupBy() and Map.groupBy()

In JavaScript, there often arises a need to group array elements based on a certain property. Prior to ES2024, this involved custom functions or using libraries like Lodash. However, ES2024 introduced a…

How to Correctly Configure GDPR Privacy and Google Consent Mode v2

For this tutorial, I will use the WP Google Consent Platform (GCP) plugin for WordPress. This is a two-step operation. Step 1 — Your WordPress Website First, install the WP Google Consent…

inView

Loading Images Based on Screen Visibility Lazy loading images is a technique that defers the loading of non-critical resources (such as images) until they are needed. This approach can significantly improve page…

Thin Select — Custom JavaScript Dropdown Element

Let’s create a custom <select> element using vanilla JavaScript and CSS. Thin Select provides a sleek and minimalistic design for <select> dropdowns. Here is what we’ll build: See the Pen Thin Select…

How to Create a JavaScript Spinner with Phenakistoscope Effect

In this tutorial, you will learn how to create a JavaScript spinner that mimics the effect of a Phenakistoscope, an early animation device that creates the illusion of motion by spinning images…

How to Lazy Load Google Map Iframe Embed in WordPress

If you embed a Google Map iframe on your WordPress website, you may notice an increase in the total webpage size and a slowdown in your website’s loading speed. This can be…

What’s New in the Latest Lighthouse Release

The last few releases of Lighthouse have been silent, and fixed or patched various issues with individual websites. I have a huge network of websites I’m testing Lighthouse on. Let’s break them…

Dark Mode for Lighthouse!

I’ve long wanted to add a dark mode to my WordPress back-end, but “thanks” to the block editor, it’s not that straight-forward. There are lots of styles and HTML “hacks” and quirks…

WordPress Plugins and User Experience

What happens when WordPress plugins reach maturity? At this moment, and I’m talking strictly from a code/design point of view, it’s time for micro-optimizations. User interface tweaks, user experience upgrade, improved contextual…

Unlimited Licenses Are Back!

We are excited to announce that Unlimited licenses are back! Once again, you can get Unlimited licenses for any of our WordPress plugins. Unlimited licenses are available for both yearly and lifetime…

How to Build a Front-end Password Reset Form in WordPress

I have just moved an entire user account module from the back-end of WordPress to the front-end. This includes the login form, the registration form and the user account section, where users…

WP Send

WP Send is the simplest way to send your files around the world. Share large files with configurable filesizes and expiry dates. Powered by WordPress! Gallery Send 💪 BIG Files with WP…

WordPress Plugins – Focus Update

“Every 3-6 months, it’s smart to take a step back and see if you are still on the path you chose to pursue” Dan Koe In the age of distraction, focus is…

Lighthouse – CAPTCHA, Akismet Integration and Spam Registration Hooks

I am excited to announce the latest release of Lighthouse in 2024, the WordPress performance tuning plugin that removes a lot of default WordPress behaviour and improves your website’s speed, performance, and…

New ImagePress release, new profile editor UI and lots of issues fixed

The latest version of ImagePress decouples the user profile hooks from the front-end profile editor. The reason is that, when there are multiple multi-user plugins installed on the same WordPress website, all…

Mingle Forum Refactoring, Dogfooding and More

I have just launched version 3 of my Mingle Forum plugin. Yes, forums are a dying breed, and that’s why I switched completely from a classic forum structure to a discussion board…

The Golden Age of Forums

Do you remember forums? They’re still around, obviously, but do you remember the golden age of forums? Every developer or SEO would have at least one forum, or, if not possible, they…