composer g require --dev automattic/vipwpcs dealerdirect/phpcodesniffer-composer-installer -W
brew install composer
export PATH="$HOME/.composer/vendor/bin:$PATH"
composer g require --dev automattic/vipwpcs dealerdirect/phpcodesniffer-composer-installer -W
brew install composer
export PATH="$HOME/.composer/vendor/bin:$PATH"
Interactivity API is a new API that allows developers to create interactive blocks in WordPress. It is built on top of the Block Editor and provides a way to create blocks that can interact with each other. Before the Interactivity API, developers had to rely on custom JavaScript code to create interactive blocks.
Some configurations are required to use the Interactivity API and its scripts. As @wordpress/intereactivity
provides its scripts as js module and we can only import use a module script in another module script.
To create a custom interactive block using the Interactivity API, you need to follow these steps:
# Example usage: sh compress_images.sh -i=images -o=compressed_images -w=1280 -e=jpg -f=webp | |
# Set default values | |
width="1280" | |
src="./images" | |
dest="./compressed_images" | |
extension="jpg" | |
output_format="webp" | |
function print_help { |
alt
text to all images that convey information.alt
attributes (alt=""
) for purely decorative images.longdesc
or detailed descriptions for complex images like charts or infographics.alt
text that details their URL destination, not a description of the image.This list was created after observing that many major websites often overlook crucial performance details, relying primarily on Core Web Vitals (CWV) reports for performance assessments. While CWV reports are essential, they do not capture every aspect of frontend performance optimization. This checklist aims to fill those gaps by providing developers with a comprehensive set of best practices to ensure optimal frontend performance.
# Image Folder | |
IMAGE_FOLDER="./uploads" | |
# JSON File | |
JSON_FILE="./images.json" | |
# JSON string | |
JSON_STRING="" | |
# Loop through all image files recursively in the folder and update the extension |
const fs = require('fs'); | |
const path = require('path'); | |
// File to get the error files from | |
const file = path.join(__dirname, 'media-import-caris-1718959862750.txt'); | |
// Read the file | |
fs.readFile(file, 'utf8', (err, data) => { | |
if (err) { |