| $(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 |
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.
elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParentelem.clientLeft, elem.clientTop, elem.clientWidth, elem.clientHeightelem.getClientRects(), elem.getBoundingClientRect()
| #!/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 |