interactiveRob

for f in ./*mp4; do ffmpeg -i "$f" -c:v libvpx -crf 8 -b:v 1.5M -c:a libvorbis "compressed/$f.webm"; done;

interactiveRob

ffmpeg -i input.MP4 -vf scale="2560:-1" output.mp4

interactiveRob

document.addEventListener("DOMContentLoaded", () => {
  let state = {
    url: window.location.href,
  };

  let module = {
    showHideElements(allElements) {
      Array.from(allElements).map((element) => {
        let key = element.dataset.qKey;
        let identifier = element.dataset.q;

interactiveRob

`for file in ./; do cwebp -q 50 "$file" -o "${file%.*}.webp"; done`

interactiveRob

magick mogrify -resize 1920 *.jpg

//use -path arg if you want to output the resized images into a new dir

interactiveRob

<?php
$hook = "render_block_someBlock";
    
add_filter( $hook, function($block_content, $block, $instance) {
    $selector = explode(',', $blockInfo['selector'] ?? '');

    $content = new WP_HTML_Tag_Processor( $block_content );

    $content->next_tag( $selector );
    $content->add_class( 'g-rich-text' );

interactiveRob

<?php
    /*———— -Logic goes here, build $props, then include the markup template- ————*/
    $defaults = get_field('recent_posts') ?: [];
	$posts_to_show = $defaults['posts_to_show'];

    $query_args = [
        'post_status'  => 'publish',
        'paged'        => 1,
        'post_type' => 'post',
        'posts_per_page' => $posts_to_show,

interactiveRob

createObserver() {
    let intersectionObserver = new IntersectionObserver((entries) => { 
        if (entries[0].intersectionRatio <= 0) {
          
            //do something when hidden
            console.log('hidden');
        } else {        
            //do something when visible
            console.log('visible');
        }

interactiveRob

import { exists } from '@/helpers/utilities';

export let mixin = ({ node = null, config = {} } = {}) => {
    if (!node) return false;

    let state = {
        node,
        config,
    };

interactiveRob

<?php
// add the below to your functions file
// then visit the page that you want to see 
// the enqueued scripts and stylesheets for


function se_inspect_styles() {
    global $wp_styles;
    echo "<h2>Enqueued CSS Stylesheets</h2><div>";
    foreach( $wp_styles->queue as $handle ) :