How to Translate WordPress Blocks: A Step-by-Step Guide for generating the json i18n file

Internationalization (I18N) is crucial for expanding the reach of your WordPress plugins and themes. With the introduction of Gutenberg in WordPress 5.0, the process of localizing JavaScript has become essential. This guide will walk you through translating WordPress blocks using JSON, leveraging the make-pot npm module. Why JSON Translation for WordPress JavaScript? With the shift […]

Turbocharge Your React Apps with React Vanilla Lazy Load

Are you looking to optimize the loading performance of your React applications? Look no further! Welcome to the world of React Vanilla Lazy Load – the lightweight, efficient solution to lazy loading images, videos, iframes, and even React components in your React projects. What is React Vanilla Lazy Load? React Vanilla Lazy Load harnesses the […]

How get Make-Pot to work with typescript ts, tsx files

TLDR;No you cannot. The WP-Cli command is a php script and relies on a external parser to parse javascript. And after year the parser hasn’t been updated to support “new” js dialects so i decided to write my own. Here how it was gone! Introducing Make Pot: Simplifying WordPress Plugin and Theme Internationalization Internationalization is […]

How to bulk compress images with command line and get a Faster Website

In the ever-evolving landscape of the internet, website performance stands as a pivotal factor in user satisfaction. Slow-loading pages can lead to frustration, increased bounce rates, and diminished user engagement. That’s where Squashify comes into play, a game-changing package that promises not only efficiency but a seamless way to compress and optimize images, ensuring your […]

Effortless WordPress Setup in Under 5 Seconds: Unleash Speed and Simplicity with WPMM!

Are you ready to elevate your WordPress experience? Introducing WPMM – your all-in-one solution for seamless WordPress installation, theme management, and plugin orchestration. In this post, we’ll dive into the features of this npm package and guide you on how to harness its potential for your WordPress projects. What is WPMM? WPMM, short for “WordPress […]

How to Use JavaScript to Display a Custom Banner After Cookie Consent

Introduction Obtaining user consent for processing their data is a crucial aspect of compliance with data privacy regulations, such as GDPR and CCPA. To enhance user experience, you might want to display a customizable banner on your website after the user has provided consent via a cookie banner. This article will guide you through the […]

Is Adobe’s ‘Save for Web’ Outdated? A Comprehensive Comparison with Modern Alternatives

In the world of digital graphics, optimizing images for the web has never been more essential. In an era where PageSpeed Insights and GTmetrix scores can make or break your online presence, the need for efficient image compression techniques is paramount. Historically, Adobe Photoshop reigned supreme in this arena with its venerable “Save for Web” […]

ssc test

The video is played every time it returns in the viewport and paused if not ended Video playback controlled by mouse X position (mouse position) Video playback controlled by mouse X position (drag and drop) Use the mouse wheel to control video playback Video playback controlled by Y position Example: Animation – Duration Example: Animation […]