Pinned Loading

1. InDesign Image Catalog for multiple ... InDesign Image Catalog for multiple folders at once (and multiple folders per page). Created for school yearbook projects (one folder per class, two classes per page) but could be adapted for other use cases where you want to lay out contact sheets of multiple folders automatically.

   1

   /**

   2

    * Custom Image Catalog script that runs for all subfolders in a selected folder.

   3

    * Lays out each folder of images in the specified number of rows and columns, 2 folders per page, shows an alert if there's more images than allowed for,

   4

    * labels each group with the folder name, creates paragraph styles for the captions and group headings, and saves the file.

   5

    *

2. Automatically downgrade a WooCommerc... Automatically downgrade a WooCommerce subscription (to a free, no-expiry variation) instead of expiring it

   1

   <?php

   2

   /**

   3

    * Add base tier option to Advanced tab of subscription product

   4

    */

   5

   function doublee_subscription_product_advanced_settings() {

3. CSS previous sibling selector example CSS previous sibling selector example

   1

   // I have sections (called blocks here) that should have top and bottom padding, 

   2

   // unless two of the same kind with the same background colour are together - 

   3

   // in which case I want them to be right up next to each other - no padding between them.

   4

   // In the HTML it looks something like this:

   5

   // <section class="block my-special-block has-primary-background-color">

4. Add the ability to filter WooCommerc... Add the ability to filter WooCommerce orders by role in wp-admin

   1

   <?php

   2

   /**

   3

    * Add role drop-down to orders screen

   4

    */

   5

   function doublee_add_order_user_role_filter_selectbox() {

5. useLocalStorage React hook. Keep a s... useLocalStorage React hook. Keep a state value in sync with one cached in the browser using local storage.

   1

   import { useState, useEffect, Dispatch, SetStateAction } from 'react';

   2

   3

   export function useLocalStorage<T>(key: string, defaultValue: T): { value: T; setValue: Dispatch<SetStateAction<T>> } {

   4

   	const [value, setValue] = useState(() => {

   5

   		return localStorage?.getItem(key) ? JSON.parse(localStorage.getItem(key)) : defaultValue;

6. useResize React hook. Dynamically ge... useResize React hook. Dynamically get height and width of an element when its size changes and store the values in state. Demo: https://codesandbox.io/s/useresize-demo-de04o8?file=/src/hooks/useResize.ts

   1

   import { MutableRefObject, useMemo, useEffect, useState } from 'react';

   2

   3

   interface Dimensions {

   4

   	width: number;

   5

   	height: number;