ewpratten

This project has been moved to a GitHub repository to allow Pull Requests. 
See: https://github.com/Ewpratten/youtube_ad_blocklist

Aymkdn

// long version
function loadExt(files, after) { 
  var _this=this; 
  _this.files = files;
  _this.js = [];
  _this.head = document.getElementsByTagName("head")[0];
  _this.after = after || function(){};
  _this.loadStyle = function(file) {
    var link = document.createElement("link");
    link.rel = "stylesheet";

thegitfather

Vanilla JavaScript Quick Reference / Cheatsheet

Just migrated it from Codepen.io to markdown. Credit goes to David Conner.

Working with DOM	Working with JS	Working With Functions
Accessing Dom Elements	Add/Remove Array Item	Add Default Arguments to Function
Grab Children/Parent Node(s)	Add/Remove Object Properties	Throttle/Debounce Functions
Create DOM Elements	Conditionals

englishextra

(function() {
  if (!Event.prototype.preventDefault) {
    Event.prototype.preventDefault=function() {
      this.returnValue=false;
    };
  }
  if (!Event.prototype.stopPropagation) {
    Event.prototype.stopPropagation=function() {
      this.cancelBubble=true;
    };

micahjon

/**
 * Loads javascript file by url and saves reference to it by name, so it's not loaded again
 * @param  {string} name Name of js library
 * @param  {string} url  Url to js library
 * @return {promise}     Resolves when library is loaded
 * 
 * Based on example by Brad Berger: https://bradb.net/blog/promise-based-js-script-loader/
 * Extended w/ global variable to keep track of previously loaded scripts.
 * Removed support for loading several independent scripts at once via Promise.all()
 * 

certainlyakey

//does not work with colors containing alpha
@function encodecolor($string) {
	@if type-of($string) == 'color' {
        $hex: str-slice(ie-hex-str($string), 4);
        $string:unquote("#{$hex}");
    }
    $string: '%23' + $string;
	@return $string;
}

SleepWalker

var touchstartX = 0;
var touchstartY = 0;
var touchendX = 0;
var touchendY = 0;

var gesuredZone = document.getElementById('gesuredZone');

gesuredZone.addEventListener('touchstart', function(event) {
    touchstartX = event.screenX;
    touchstartY = event.screenY;

cletusw

{
  // http://eslint.org/docs/rules/

  "ecmaFeatures": {
    "binaryLiterals": false,                    // enable binary literals
    "blockBindings": false,                     // enable let and const (aka block bindings)
    "defaultParams": false,                     // enable default function parameters
    "forOf": false,                             // enable for-of loops
    "generators": false,                        // enable generators
    "objectLiteralComputedProperties": false,   // enable computed object literal property names

davidhund

/*
 * Trying to feature-detect (very naive)
 * CSS Flexbox support. 
 * - Only most modern syntax
 * 
 * Is this nonsense?
 */

(function NaiveFlexBoxSupport(d){
  var f = "flex", e = d.createElement('b');

jacrook

//////////////////////////////////////////////////////////////
//  Font Variables (http://cssfontstack.com/)
//////////////////////////////////////////////////////////////

//
// Serif font-stacks
//

$baskerville-font-stack: "Big Caslon", "Book Antiqua", "Palatino Linotype", Georgia, serif !default;