phultquist

/*
  This svelte store is a reference to make super quick live and interactive pieces of code. 
  See its announcement at https://www.youtube.com/watch?v=A8jkJTWacow&t=18579s
*/

type Options<T> = {
	validator: (data: T) => void;
};

export function live<T>(path: string, initialValue: T, options?: Options<T>) {

Merott

This is a simple Tailwind plugin to expose all of Tailwind's colors, including any custom ones, as custom css properties on the :root element.

There are a couple of main reasons this is helpful:

• You can reference all of Tailwind's colors—including any custom ones you define—from handwritten CSS code.
• You can define all of your colors within the Tailwind configuration, and access the final values programmatically, which isn't possible if you did it the other way around: referencing custom CSS variables (defined in CSS code) from your Tailwind config.

See the Tailwind Plugins for more info on plugins.

bdaley

<?php
add_filter('woocommerce_order_actions', 'wc_regenerate_and_notify_custom_order_action');
function wc_regenerate_and_notify_custom_order_action( $actions ) {

	// Remove the woocommerce option to regenerate to avoid confusion
	unset($actions['regenerate_download_permissions']);

	// Add our new action (executed below)
	$actions['wc_regenerate_and_notify'] = __('Regenerate permissions & send link to customer', 'wc-regenerate-and-notify');
	return $actions;

LeaVerou

/**
 * Two column <dl> with two lines of CSS! Thank you Grid Layout!
 * Limitation: Breaks if we have multiple consecutive <dt>s or <dd>s
 */

dl {
	display: grid;
	grid-template: auto / 10em 1fr;
}

tameemsafi

<?php

// Define a constant to use with html emails
define("HTML_EMAIL_HEADERS", array('Content-Type: text/html; charset=UTF-8'));

// @email - Email address of the reciever
// @subject - Subject of the email
// @heading - Heading to place inside of the woocommerce template
// @message - Body content (can be HTML)
function send_email_woocommerce_style($email, $subject, $heading, $message) {

gskema

/**
 * You may use this function with both 2 or 3 interval colors for your gradient.
 * For example, you want to have a gradient between Bootstrap's danger-warning-success colors.
 */
function colorGradient(fadeFraction, rgbColor1, rgbColor2, rgbColor3) {
    var color1 = rgbColor1;
    var color2 = rgbColor2;
    var fade = fadeFraction;

    // Do we have 3 colors for the gradient? Need to adjust the params.

kvermeille

// zipping:
// zip -e target.zip file.something #...prompt for password
// unzipping:
// 7z e target.zip -pPASSWORD

////////////////////

function Dictionary(ab) {
  this.ab = ab;

barrykooij

<?php
function bk_title_order_received( $title, $id ) {
	if ( is_order_received_page() && get_the_ID() === $id ) {
		$title = "Thank you for your order!";
	}

	return $title;
}

add_filter( 'the_title', 'bk_title_order_received', 10, 2 );

shamasis

/**
 * Get layerX and layerY of an event across all browsers without
 * using the deprecated layerX of webkit.
 * It stores `targetX` and `targetY` in the event, to act like `layerY`
 * and `layerY` respectively.
 */
getElementPosition = (function () {
    var body = window.document.body || window.document.documentElement;
    
    return function (event) {