elycruz

/**
 * Custom modal "backdrop" animation replacement, until `::backdrop` animations are supported.
 */
document.body.innerHTML = `
<style>
body {
    display: grid;
    place-content: center;
}

james2doyle

/* Demo: https://js-toggle-custom-element.stackblitz.io/ */
[is='toggle-container'] > *:not([is='toggle-button']) {
  display: none;
}

[is='toggle-container'][open] > *:not([is='toggle-button']) {
  display: block;
}

JoeyBurzynski

How to Deal with Unhandled Exceptions in JavaScript

The following code shows how you might create and report an error, and how it may be caught by adding a listener for the error event.

Demo: https://jsfiddle.net/joeyburzynski/x5wbe0jp/

Reference: https://developer.mozilla.org/en-US/docs/Web/API/Window/unhandledrejection_event

window.addEventListener('error', (event) => {

EllyLoel

/*
  Made by Elly Loel - https://ellyloel.com/
  With inspiration from:
    - Josh W Comeau - https://courses.joshwcomeau.com/css-for-js/treasure-trove/010-global-styles/
    - Andy Bell - https://piccalil.li/blog/a-modern-css-reset/
    - Adam Argyle - https://unpkg.com/open-props@1.3.16/normalize.min.css / https://codepen.io/argyleink/pen/KKvRORE

  Notes:
    - `:where()` is used to lower specificity for easy overriding.
*/

joshnuss

sk() {
  pnpm init svelte@next $1 \
    && cd $1 \
    && pnpm install \
    && git init \
    && git add . \
    && git commit -m 'Initial commit'
}

pbrocks

Install phpcs with Homebrew

To set up php linting, you’ll want to install this PHP CodeSniffer repo and configure with this WordPress Coding Standards repo: . There are a number of ways to do this, whether direct download, Composer, Homebrew, Pear, etc. The following is what works for me on MacOS using Homebrew:

In a terminal window on your Mac, start by updating your Homebrew.

brew doctor

Then install the Code Sniffer:

Graf-Zahl

# Directory where all configuration will be stored.
CONFIG=./jitsi-meet-cfg

# System time zone.
TZ=Europe/Amsterdam

# Public URL for the web service.
PUBLIC_URL=https://mydomain.org

# Virtual host for nginx proxy

gueff

<?php

/**
 * ✔ pos. tested with Parsedown 1.7.4
 *
 * This allows usage of image dimensions this way:
 *      ![odyssee2001](http://example.com/Odyssey2001.png =100x100)
 *      ![odyssee2001](http://example.com/Odyssey2001.png =100x100 "Even with Title")
 *
 * @related

james2doyle

<?php

function json_response(int $code = 200, array $data = null)
{
    // clear the old headers
    header_remove();
    // set the actual code
    http_response_code($code);
    // set the header to make sure cache is forced
    header('Cache-Control: public, max-age=300');

JoeyBurzynski

58 bytes of CSS to look great nearly everywhere

When making this website, i wanted a simple, reasonable way to make it look good on most displays. Not counting any minimization techniques, the following 58 bytes worked well for me:

main {
  max-width: 38rem;
  padding: 2rem;
  margin: auto;
}