chadrehm

export const ScrollTopArrowComponent = () => {
  // Track whether the scroll arrow is needed.
  const [showScroll, setShowScroll] = useState(null);
  // Check the scroll state, re-memoize when scroll state changes.
  const checkScrollTop = useCallback(
    () => {
      const headerHeight = 400;

      if (!showScroll && window.pageYOffset > headerHeight) {
        setShowScroll(true);

tomhicks

/*
Copy this into the console of any web page that is interactive and doesn't
do hard reloads. You will hear your DOM changes as different pitches of
audio.

I have found this interesting for debugging, but also fun to hear web pages
render like UIs do in movies.
*/

const audioCtx = new (window.AudioContext || window.webkitAudioContext)()

Log1x

/**
 * Remove rel="noopener noreferrer" in TinyMCE links
 *
 * @param  array $init
 * @return array
 */
add_filter('tiny_mce_before_init', function ($init) {
    $init['allow_unsafe_link_target'] = true;
    return $init;
});