Newton iamnewton

## javascript-for-vim-refactoring.js
$(function() {
  // good opportunity to combine into a single statement
  // qq w cw   <esc> A, <esc> 0 j q
  var a = 10;
  var b = 20;
  var c = 30;
  var d = 40;
  var e = 50;

  // opportunity to simplify syntax

## what-forces-layout.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                iamnewton
                / what-forces-layout.md
            
            
              Last active
              October 13, 2022 22:11
                — forked from paulirish/what-forces-layout.md
            
              
                What forces layout/reflow in Chrome. The comprehensive list.
              
          
    What forces layout / reflow

All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout. This is also called reflow or layout thrashing, and is common performance bottleneck.
Element

Box metrics


elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent
elem.clientLeft, elem.clientTop, elem.clientWidth, elem.clientHeight
elem.getClientRects(), elem.getBoundingClientRect()


## slack_send_pm.sh
#!/bin/bash
set -e

# Send a private message to someone on slack
# from the command line.

# Print a usage message and exit.
usage(){
	local name=$(basename "$0")

## rubi.js
module.exports = function rubi( hook ) {
  // hook.io has a range of node modules available - see
  // https://hook.io/modules.
  // We use request (https://www.npmjs.com/package/request) for an easy way to
  // make the HTTP request.
  var request = require( 'request' );

  // The parameters passed in via the slash command POST request.
  var params = hook.params;

## bling.js
/* bling.js */

window.$ = document.querySelectorAll.bind(document)

Node.prototype.on = window.on = function (name, fn) {
  this.addEventListener(name, fn)
}

NodeList.prototype.__proto__ = Array.prototype

## markdown.css
* {
    font-size: 12pt;
    font-family: monospace;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    color: black;
    cursor: default;
}

## domready.html
<!doctype html>
  <title>Demo</title>
  <script>
    var DOMReady = function(a,b,c){b=document,c='addEventListener';b[c]?b[c]('DOMContentLoaded',a):window.attachEvent('onload',a)}

    DOMReady(function () {
      alert('The DOM is Ready!');
    });
  </script>


## very-small-ie-detect.js
// ----------------------------------------------------------
// A short snippet for detecting versions of IE in JavaScript
// without resorting to user-agent sniffing
// ----------------------------------------------------------
// If you're not in IE (or IE version is less than 6) then:
//     ie === 0
// If you're in IE (>=6) then you can determine which version:
//     ie === 7; // IE7
// Thus, to detect IE:
//     if (ie) {}

## uninstall_homebrew.sh
#!/bin/sh
# Just copy and paste the lines below (all at once, it won't work line by line!)
# MAKE SURE YOU ARE HAPPY WITH WHAT IT DOES FIRST! THERE IS NO WARRANTY!

function abort {
  echo "$1"
  exit 1
}

set -e

## colortrans.py
#! /usr/bin/env python

""" Convert values between RGB hex codes and xterm-256 color codes.

Nice long listing of all 256 colors and their codes. Useful for
developing console color themes, or even script output schemes.

Resources:
* http://en.wikipedia.org/wiki/8-bit_color
* http://en.wikipedia.org/wiki/ANSI_escape_code
	$(function() {
	// good opportunity to combine into a single statement
	// qq w cw <esc> A, <esc> 0 j q
	var a = 10;
	var b = 20;
	var c = 30;
	var d = 40;
	var e = 50;

	// opportunity to simplify syntax
	#!/bin/bash
	set -e

	# Send a private message to someone on slack
	# from the command line.

	# Print a usage message and exit.
	usage(){
	local name=$(basename "$0")
	module.exports = function rubi( hook ) {
	// hook.io has a range of node modules available - see
	// https://hook.io/modules.
	// We use request (https://www.npmjs.com/package/request) for an easy way to
	// make the HTTP request.
	var request = require( 'request' );

	// The parameters passed in via the slash command POST request.
	var params = hook.params;
	/* bling.js */

	window.$ = document.querySelectorAll.bind(document)

	Node.prototype.on = window.on = function (name, fn) {
	this.addEventListener(name, fn)
	}

	NodeList.prototype.__proto__ = Array.prototype
	* {
	font-size: 12pt;
	font-family: monospace;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	color: black;
	cursor: default;
	}
	<!doctype html>
	<title>Demo</title>
	<script>
	var DOMReady = function(a,b,c){b=document,c='addEventListener';b[c]?b[c]('DOMContentLoaded',a):window.attachEvent('onload',a)}

	DOMReady(function () {
	alert('The DOM is Ready!');
	});
	</script>
	// ----------------------------------------------------------
	// A short snippet for detecting versions of IE in JavaScript
	// without resorting to user-agent sniffing
	// ----------------------------------------------------------
	// If you're not in IE (or IE version is less than 6) then:
	// ie === 0
	// If you're in IE (>=6) then you can determine which version:
	// ie === 7; // IE7
	// Thus, to detect IE:
	// if (ie) {}
	#!/bin/sh
	# Just copy and paste the lines below (all at once, it won't work line by line!)
	# MAKE SURE YOU ARE HAPPY WITH WHAT IT DOES FIRST! THERE IS NO WARRANTY!

	function abort {
	echo "$1"
	exit 1
	}

	set -e
	#! /usr/bin/env python

	""" Convert values between RGB hex codes and xterm-256 color codes.

	Nice long listing of all 256 colors and their codes. Useful for
	developing console color themes, or even script output schemes.

	Resources:
	* http://en.wikipedia.org/wiki/8-bit_color
	* http://en.wikipedia.org/wiki/ANSI_escape_code