plugn

Install nginx (Homebrew)

brew install nginx

Configuration file for nginx will be at /usr/local/etc/nginx/nginx.conf

Web apps can be stored at /usr/local/var/www

Commands

Start:

plugn

window.getAllEventListeners = () => {
  return Array.from(document.querySelectorAll('*')).map(element => {
    const listeners = getEventListeners(element);

    return {
      element: element,
      listeners: Object.keys(listeners).map(key => {

        return {
          event: key,

plugn

<div id="app">
  <div id="paper-container"></div>
</div>
<div id="toolbar-container"></div>
<a target="_blank" href="https://www.jointjs.com">
  <img id="logo" src="https://assets.codepen.io/7589991/jointjs-logo.svg" width="200" height="50"></img>
</a>

plugn

Gist Search Cheatsheet

Enter this in the search box along with your search terms:

Get all gists from the user santisbon.
user:orenbochman

Find all gists with a .yml extension.
extension:yml

plugn

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>
<p>Hit Cmd or Ctrl V with an image on your clipboard. Click on image and hit Backspace to remove.</p>

plugn

1. Go to the video url you want to download
2. Open devtools into browser (ctrl+shift+i in firefox)
3. Show the network tab
4. Reload tab with video and look into devtools
5. Find line with text 1080p.m3u8 and copy url (like: https://edge-7.facecast.net/secure/VgTub-XSFSFFSFSF/DFSDGDSGDSGGD-pyJiOPQ/34634636/4367546/235235/1080p.m3u8)

6. Download and install Livestreamer
7. Open console and execute: livestreamer "hls://URL_FROM_STEP_5" best -o video1080p.ts

plugn

<div id="paper-container"></div>

<div id="tools">
  <input type="radio" name="tools" id="Pointer">
  <label for="Pointer">Pointer</label>
  <input type="radio" name="tools" id="Line">
  <label for="Line">Line</label>
  <input type="radio" name="tools" id="Rectangle" checked>
  <label for="Rectangle">Rectangle</label>
  <input type="radio" name="tools" id="Ellipse">

plugn

JointJS: Comment Mode

Do you want to enable a special mode where users can only post comments? They could only insert or delete comments, but not interfere with the structure of the diagram. Take a look at this code pen.

A Pen by Max Dolgov on CodePen.

License.

plugn

/**
 * Prevent click events after a touchend.
 * 
 * Inspired/copy-paste from this article of Google by Ryan Fioravanti
 * https://developers.google.com/mobile/articles/fast_buttons#ghost
 * 
 * USAGE: 
 * Prevent the click event for an certain element
 * ````
 *  PreventGhostClick(myElement);

plugn

license: gpl-3.0
redirect: https://observablehq.com/@d3/draw-me