ryanflorence

import invariant from "tiny-invariant";

class AmalgoBox extends HTMLElement {
  get input() {
    return this.querySelector("input") as HTMLInputElement;
  }

  get button() {
    return this.querySelector("button") as HTMLButtonElement;
  }

DavidKuennen

(function (context, trackingId, options) {
    const history = context.history;
    const doc = document;
    const nav = navigator || {};
    const storage = localStorage;
    const encode = encodeURIComponent;
    const pushState = history.pushState;
    const typeException = 'exception';
    const generateId = () => Math.random().toString(36);
    const getId = () => {

wesbos

// paste in your console
    speechSynthesis.onvoiceschanged = function() {
      var msg = new SpeechSynthesisUtterance();
      msg.voice = this.getVoices().filter(v => v.name == 'Cellos')[0];
      msg.text = Object.keys(window).join(' ');
      this.speak(msg);
    };

christiangenco

Download videos from egghead

1. Install the React Developer Tools Chrome Extension.

2. Go to the egghead website, i.e. Getting Started with Redux

3. Click View -> Developer -> Javascript Console, then the React tab, then the <NextUpLessonList ...> tag.

4. Click back to the Console tab, then run:

staltz

How to show migration guides in GitHub Markdown

Use the diff code highlighting tag.

  ```diff
  - foo
  + bar

Example:

macalac

OS X Preferences

---

most of these require logout/restart to take effect

# Enable character repeat on keydown
defaults write -g ApplePressAndHoldEnabled -bool false

# Set a shorter Delay until key repeat

p3t3r67x0

Styling native elements

Native HTML controls are a challenge to style. You can style any element in the web platform that uses Shadow DOM with a pseudo element ::pseudo-element or the /deep/ path selector.

video::webkit-media-controls-timeline {
  background-color: lime;
}

video /deep/ input[type=range] {

jabranr

/**
 * This is small, light weight vanilla JavaScript Bootstrap script.
 * 
 * It comes handy in situations where a framework i.e. jQuery is used only
 * for "load" and "ready" events etc. This small script will not only save 
 * lot of bytes but also gives a basic start on writing object literal JavaScript.
 * 
 * Learn more about object literal JavaScript at following resource:
 * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Values,_variables,_and_literals
 * 

jabranr

// setup

!(function(root)    {
    
    var AsyncGoogleMap = (function()    {
        
        // constructor
        function AsyncGoogleMap(canvas, lat, lng, zoom, callback) {
            
            if ( typeof canvas === 'undefined' ) 

jabranr

// Check and verify user status or prompt for authorization
function checkUserStatus(response) {
  var permissions = {
    scope: '' // email
  };

  if ( isConnectedUser(response) ) 
    return FB.api('/me', gotUserInfo);
  return FB.login(checkUserStatus, permissions);
}