Newton iamnewton

## 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()


## 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

## 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")

## meta-tags.md

      
              1 file
            
          
              1 fork
            
          
              0 comments
            
          
              0 stars
            
          
                iamnewton
                / meta-tags.md
            
            
              Last active
              February 4, 2016 18:53
                — forked from lancejpollard/meta-tags.md
            
              
                A collection of meta tags supported by most browsers, including the custom ones for various browsers.
              
          
    Copied from http://code.lancepollard.com/complete-list-of-html-meta-tags/
Basic HTML Meta Tags

<meta name="keywords" content="your, tags"/>
<meta name="description" content="150 words"/>
<meta name="subject" content="your website's subject">
<meta name="copyright"content="company name">
<meta name="language" content="ES">

  
## 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
	$(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