cheatsheets/index@2016.html

22123 lines
175 KiB
HTML

<!doctype html>
<html lang='en' class='no-js '>
<head>
<meta charset='utf-8'>
<meta content='width=device-width, initial-scale=1.0' name='viewport'>
<link href='./assets/favicon.png' rel='shortcut icon'>
<meta content='/index@2016.html' name='app:pageurl'>
<title>Devhints — for web development and more</title>
<meta content='Devhints — for web development and more' property='og:title'>
<meta content='Devhints — for web development and more' property='twitter:title'>
<meta content='website' property='og:type'>
<meta content='https://assets.devhints.io/previews/index@2016.jpg?t=20231011104129' property='og:image'>
<meta content='https://assets.devhints.io/previews/index@2016.jpg?t=20231011104129' property='twitter:image'>
<meta content='900' property='og:image:width'>
<meta content='471' property='og:image:height'>
<meta content="TL;DR for developer documentation - a ridiculous collection of cheatsheets · One-page guide to " name="description">
<meta content="TL;DR for developer documentation - a ridiculous collection of cheatsheets · One-page guide to " property="og:description">
<meta content="TL;DR for developer documentation - a ridiculous collection of cheatsheets · One-page guide to " property="twitter:description">
<link rel="canonical" href="https://devhints.io/index@2016">
<meta name="og:url" content="https://devhints.io/index@2016">
<meta content='Devhints.io cheatsheets' property='og:site_name'>
<meta content='Others' property='article:section'>
<script async src='https://www.googletagmanager.com/gtag/js?id=G-N7TC6B227L'></script>
<script>
window.dataLayer=window.dataLayer||[];
function gtag(){dataLayer.push(arguments)};
gtag('js',new Date());
gtag('config','G-N7TC6B227L');
</script>
<meta property='page:depth' content='1'>
<script>(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement)</script>
<script>(function(H){H.className=H.className.replace(/\bNoJs\b/,'WithJs')})(document.documentElement)</script>
<script>(function(d,s){if(window.Promise&&[].includes&&Object.assign&&window.Map)return;var js,sc=d.getElementsByTagName(s)[0];js=d.createElement(s);js.src='https://cdn.polyfill.io/v2/polyfill.min.js';sc.parentNode.insertBefore(js, sc);}(document,'script'))</script>
<!--[if lt IE 9]><script src='https://cdnjs.cloudflare.com/ajax/libs/nwmatcher/1.2.5/nwmatcher.min.js'></script><script src='https://cdnjs.cloudflare.com/ajax/libs/json2/20140204/json2.js'></script><script src='https://cdn.rawgit.com/gisu/selectivizr/1.0.3/selectivizr.js'></script><script src='https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js'></script><script src='https://cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.js'></script><![endif]-->
<style>html{opacity:0}</style>
<link rel="stylesheet" href="./assets/2015/style.css?t=20231011104129">
<link href="./assets/style.css?t=20231011104129" rel="stylesheet" />
<link href="./assets/print.css?t=20231011104129" rel="stylesheet" media="print" />
</head>
<body>
<div class='all'>
<div class='site-header'>
<div class='container'>
This is <a href="."><em>Devhints.io cheatsheets</em></a> &mdash; a collection of cheatsheets I've written.
</div>
</div>
<div class='pages-header'>
<h2 id='analytics'>Analytics</h2>
</div>
<div class='pages-list'>
<a href="./analytics.js.html">
<span class='title'>Google Analytics's analytics.js</span>
<span class='date'>analytics.js</span>
</a>
<a href="./analytics.html">
<span class='title'>Analytics libraries</span>
<span class='date'>analytics</span>
</a>
<a href="./mixpanel.html">
<span class='title'>Mixpanel</span>
<span class='date'>mixpanel</span>
</a>
</div>
<div class='pages-header'>
<h2 id='ansible'>Ansible</h2>
</div>
<div class='pages-list'>
<a href="./ansible-examples.html">
<span class='title'>Ansible examples</span>
<span class='date'>ansible-examples</span>
</a>
<a href="./ansible-guide.html">
<span class='title'>Ansible quickstart</span>
<span class='date'>ansible-guide</span>
</a>
<a href="./ansible-modules.html">
<span class='title'>Ansible modules</span>
<span class='date'>ansible-modules</span>
</a>
<a href="./ansible-roles.html">
<span class='title'>Ansible roles</span>
<span class='date'>ansible-roles</span>
</a>
<a href="./ansible.html">
<span class='title'>Ansible</span>
<span class='date'>ansible</span>
</a>
</div>
<div class='pages-header'>
<h2 id='apps'>Apps</h2>
</div>
<div class='pages-list'>
<a href="./atom.html">
<span class='title'>Atom</span>
<span class='date'>atom</span>
</a>
<a href="./editorconfig.html">
<span class='title'>editorconfig</span>
<span class='date'>editorconfig</span>
</a>
<a href="./flashlight.html">
<span class='title'>Flashlight</span>
<span class='date'>flashlight</span>
</a>
<a href="./inkscape.html">
<span class='title'>Inkscape</span>
<span class='date'>inkscape</span>
</a>
<a href="./org-mode.html">
<span class='title'>Org Mode</span>
<span class='date'>org-mode</span>
</a>
<a href="./sketch.html">
<span class='title'>Sketch</span>
<span class='date'>sketch</span>
</a>
<a href="./spacemacs.html">
<span class='title'>Spacemacs</span>
<span class='date'>spacemacs</span>
</a>
<a href="./sublime-text.html">
<span class='title'>Sublime Text</span>
<span class='date'>sublime-text</span>
</a>
<a href="./vscode.html">
<span class='title'>Visual Studio Code</span>
<span class='date'>vscode</span>
</a>
<a href="./weechat.html">
<span class='title'>Weechat</span>
<span class='date'>weechat</span>
</a>
</div>
<div class='pages-header'>
<h2 id='c-like'>C-like</h2>
</div>
<div class='pages-list'>
<a href="./c_preprocessor.html">
<span class='title'>C Preprocessor</span>
<span class='date'>c_preprocessor</span>
</a>
<a href="./csharp7.html">
<span class='title'>C# 7</span>
<span class='date'>csharp7</span>
</a>
<a href="./go.html">
<span class='title'>Go</span>
<span class='date'>go</span>
</a>
</div>
<div class='pages-header'>
<h2 id='cli'>CLI</h2>
</div>
<div class='pages-list'>
<a href="./adb.html">
<span class='title'>adb (Android Debug Bridge)</span>
<span class='date'>adb</span>
</a>
<a href="./animated_gif.html">
<span class='title'>Animated GIFs</span>
<span class='date'>animated_gif</span>
</a>
<a href="./ansi.html">
<span class='title'>Ansi codes</span>
<span class='date'>ansi</span>
</a>
<a href="./bash.html">
<span class='title'>Bash scripting</span>
<span class='date'>bash</span>
</a>
<a href="./clip.html">
<span class='title'>Command Line Interface Pages</span>
<span class='date'>clip</span>
</a>
<a href="./composer.html">
<span class='title'>composer</span>
<span class='date'>composer</span>
</a>
<a href="./cron.html">
<span class='title'>Cron</span>
<span class='date'>cron</span>
</a>
<a href="./curl.html">
<span class='title'>Curl</span>
<span class='date'>curl</span>
</a>
<a href="./emacs.html">
<span class='title'>Emacs</span>
<span class='date'>emacs</span>
</a>
<a href="./ffmpeg.html">
<span class='title'>ffmpeg</span>
<span class='date'>ffmpeg</span>
</a>
<a href="./find.html">
<span class='title'>Find</span>
<span class='date'>find</span>
</a>
<a href="./fish-shell.html">
<span class='title'>Fish shell</span>
<span class='date'>fish-shell</span>
</a>
<a href="./gnupg.html">
<span class='title'>GnuPG</span>
<span class='date'>gnupg</span>
</a>
<a href="./grep.html">
<span class='title'>GNU grep</span>
<span class='date'>grep</span>
</a>
<a href="./homebrew.html">
<span class='title'>Homebrew</span>
<span class='date'>homebrew</span>
</a>
<a href="./httpie.html">
<span class='title'>httpie</span>
<span class='date'>httpie</span>
</a>
<a href="./makefile.html">
<span class='title'>Makefile</span>
<span class='date'>makefile</span>
</a>
<a href="./man.html">
<span class='title'>Man</span>
<span class='date'>man</span>
</a>
<a href="./ncftp.html">
<span class='title'>ncftp</span>
<span class='date'>ncftp</span>
</a>
<a href="./pass.html">
<span class='title'>Pass</span>
<span class='date'>pass</span>
</a>
<a href="./pm2.html">
<span class='title'>pm2</span>
<span class='date'>pm2</span>
</a>
<a href="./rename.html">
<span class='title'>rename</span>
<span class='date'>rename</span>
</a>
<a href="./rsync.html">
<span class='title'>Rsync</span>
<span class='date'>rsync</span>
</a>
<a href="./rtorrent.html">
<span class='title'>rTorrent</span>
<span class='date'>rtorrent</span>
</a>
<a href="./scp.html">
<span class='title'>scp</span>
<span class='date'>scp</span>
</a>
<a href="./screen.html">
<span class='title'>Screen</span>
<span class='date'>screen</span>
</a>
<a href="./sed.html">
<span class='title'>sed</span>
<span class='date'>sed</span>
</a>
<a href="./sh-pipes.html">
<span class='title'>Shell: named pipes</span>
<span class='date'>sh-pipes</span>
</a>
<a href="./sh.html">
<span class='title'>Shell scripting</span>
<span class='date'>sh</span>
</a>
<a href="./tar.html">
<span class='title'>tar</span>
<span class='date'>tar</span>
</a>
<a href="./tmux.html">
<span class='title'>tmux</span>
<span class='date'>tmux</span>
</a>
<a href="./top.html">
<span class='title'>top</span>
<span class='date'>top</span>
</a>
<a href="./watchexec.html">
<span class='title'>Watchexec</span>
<span class='date'>watchexec</span>
</a>
<a href="./zsh.html">
<span class='title'>zsh</span>
<span class='date'>zsh</span>
</a>
</div>
<div class='pages-header'>
<h2 id='css'>CSS</h2>
</div>
<div class='pages-list'>
<a href="./bootstrap.html">
<span class='title'>Bootstrap</span>
<span class='date'>bootstrap</span>
</a>
<a href="./bulma.html">
<span class='title'>Bulma</span>
<span class='date'>bulma</span>
</a>
<a href="./css-antialias.html">
<span class='title'>CSS antialiasing</span>
<span class='date'>css-antialias</span>
</a>
<a href="./css-flexbox.html">
<span class='title'>CSS flexbox</span>
<span class='date'>css-flexbox</span>
</a>
<a href="./css-grid.html">
<span class='title'>CSS Grid</span>
<span class='date'>css-grid</span>
</a>
<a href="./css-system-font-stack.html">
<span class='title'>CSS system fonts</span>
<span class='date'>css-system-font-stack</span>
</a>
<a href="./css-tricks.html">
<span class='title'>CSS tricks</span>
<span class='date'>css-tricks</span>
</a>
<a href="./css.html">
<span class='title'>CSS</span>
<span class='date'>css</span>
</a>
<a href="./cssnext.html">
<span class='title'>cssnext</span>
<span class='date'>cssnext</span>
</a>
<a href="./sass.html">
<span class='title'>Sass</span>
<span class='date'>sass</span>
</a>
<a href="./stylus.html">
<span class='title'>Stylus</span>
<span class='date'>stylus</span>
</a>
</div>
<div class='pages-header'>
<h2 id='databases'>Databases</h2>
</div>
<div class='pages-list'>
<a href="./knex.html">
<span class='title'>Knex</span>
<span class='date'>knex</span>
</a>
<a href="./mysql.html">
<span class='title'>MySQL</span>
<span class='date'>mysql</span>
</a>
<a href="./postgresql-json.html">
<span class='title'>PostgreSQL JSON</span>
<span class='date'>postgresql-json</span>
</a>
<a href="./postgresql.html">
<span class='title'>PostgreSQL</span>
<span class='date'>postgresql</span>
</a>
<a href="./sql-join.html">
<span class='title'>SQL joins</span>
<span class='date'>sql-join</span>
</a>
</div>
<div class='pages-header'>
<h2 id='devops'>Devops</h2>
</div>
<div class='pages-list'>
<a href="./awscli.html">
<span class='title'>AWS CLI</span>
<span class='date'>awscli</span>
</a>
<a href="./chef.html">
<span class='title'>Chef</span>
<span class='date'>chef</span>
</a>
<a href="./circle.html">
<span class='title'>CircleCI</span>
<span class='date'>circle</span>
</a>
<a href="./deis.html">
<span class='title'>Deis</span>
<span class='date'>deis</span>
</a>
<a href="./docker-compose.html">
<span class='title'>docker-compose</span>
<span class='date'>docker-compose</span>
</a>
<a href="./docker.html">
<span class='title'>Docker CLI</span>
<span class='date'>docker</span>
</a>
<a href="./dockerfile.html">
<span class='title'>Dockerfile</span>
<span class='date'>dockerfile</span>
</a>
<a href="./flynn.html">
<span class='title'>Flynn</span>
<span class='date'>flynn</span>
</a>
<a href="./heroku.html">
<span class='title'>Heroku</span>
<span class='date'>heroku</span>
</a>
<a href="./travis.html">
<span class='title'>Travis.yml</span>
<span class='date'>travis</span>
</a>
<a href="./vagrant.html">
<span class='title'>Vagrant</span>
<span class='date'>vagrant</span>
</a>
<a href="./vagrantfile.html">
<span class='title'>Vagrantfile</span>
<span class='date'>vagrantfile</span>
</a>
</div>
<div class='pages-header'>
<h2 id='elixir'>Elixir</h2>
</div>
<div class='pages-list'>
<a href="./elixir-metaprogramming.html">
<span class='title'>Elixir metaprogramming</span>
<span class='date'>elixir-metaprogramming</span>
</a>
<a href="./elixir.html">
<span class='title'>Elixir</span>
<span class='date'>elixir</span>
</a>
<a href="./ets.html">
<span class='title'>Erlang ETS</span>
<span class='date'>ets</span>
</a>
<a href="./exunit.html">
<span class='title'>ExUnit</span>
<span class='date'>exunit</span>
</a>
<a href="./phoenix-conn.html">
<span class='title'>Phoenix: Plug.Conn</span>
<span class='date'>phoenix-conn</span>
</a>
<a href="./phoenix-ecto.html">
<span class='title'>Phoenix: Ecto</span>
<span class='date'>phoenix-ecto</span>
</a>
<a href="./phoenix-ecto@1.2.html">
<span class='title'>Phoenix: Ecto models</span>
<span class='date'>phoenix-ecto@1.2</span>
</a>
<a href="./phoenix-migrations.html">
<span class='title'>Phoenix: Ecto migrations</span>
<span class='date'>phoenix-migrations</span>
</a>
<a href="./phoenix-routing.html">
<span class='title'>Phoenix: Routing</span>
<span class='date'>phoenix-routing</span>
</a>
<a href="./phoenix.html">
<span class='title'>Phoenix</span>
<span class='date'>phoenix</span>
</a>
<a href="./phoenix@1.2.html">
<span class='title'>Phoenix 1.2</span>
<span class='date'>phoenix@1.2</span>
</a>
</div>
<div class='pages-header'>
<h2 id='git'>Git</h2>
</div>
<div class='pages-list'>
<a href="./git-branch.html">
<span class='title'>Git branches</span>
<span class='date'>git-branch</span>
</a>
<a href="./git-extras.html">
<span class='title'>Git extras</span>
<span class='date'>git-extras</span>
</a>
<a href="./git-log-format.html">
<span class='title'>Git log format string</span>
<span class='date'>git-log-format</span>
</a>
<a href="./git-log.html">
<span class='title'>git log</span>
<span class='date'>git-log</span>
</a>
<a href="./git-revisions.html">
<span class='title'>Git revisions</span>
<span class='date'>git-revisions</span>
</a>
<a href="./git-tricks.html">
<span class='title'>Git tricks</span>
<span class='date'>git-tricks</span>
</a>
<a href="./tig.html">
<span class='title'>Tig</span>
<span class='date'>tig</span>
</a>
</div>
<div class='pages-header'>
<h2 id='html'>HTML</h2>
</div>
<div class='pages-list'>
<a href="./appcache.html">
<span class='title'>Appcache</span>
<span class='date'>appcache</span>
</a>
<a href="./applinks.html">
<span class='title'>Applinks</span>
<span class='date'>applinks</span>
</a>
<a href="./html-email.html">
<span class='title'>HTML emails</span>
<span class='date'>html-email</span>
</a>
<a href="./html-input.html">
<span class='title'>Input tag</span>
<span class='date'>html-input</span>
</a>
<a href="./html-meta.html">
<span class='title'>HTML meta tags</span>
<span class='date'>html-meta</span>
</a>
<a href="./html-microformats.html">
<span class='title'>Microformats</span>
<span class='date'>html-microformats</span>
</a>
<a href="./html-share.html">
<span class='title'>Share links</span>
<span class='date'>html-share</span>
</a>
<a href="./html.html">
<span class='title'>HTML</span>
<span class='date'>html</span>
</a>
<a href="./ie.html">
<span class='title'>Internet Explorer</span>
<span class='date'>ie</span>
</a>
<a href="./ie_bugs.html">
<span class='title'>Legacy IE bugs</span>
<span class='date'>ie_bugs</span>
</a>
<a href="./layout-thrashing.html">
<span class='title'>Layout thrashing</span>
<span class='date'>layout-thrashing</span>
</a>
<a href="./xpath.html">
<span class='title'>Xpath</span>
<span class='date'>xpath</span>
</a>
</div>
<div class='pages-header'>
<h2 id='java-&-jvm'>Java & JVM</h2>
</div>
<div class='pages-list'>
<a href="./kotlin.html">
<span class='title'>Kotlin</span>
<span class='date'>kotlin</span>
</a>
</div>
<div class='pages-header'>
<h2 id='javascript'>JavaScript</h2>
</div>
<div class='pages-list'>
<a href="./canvas.html">
<span class='title'>Canvas</span>
<span class='date'>canvas</span>
</a>
<a href="./dom-range.html">
<span class='title'>DOM Range</span>
<span class='date'>dom-range</span>
</a>
<a href="./dom-selection.html">
<span class='title'>DOM Selection</span>
<span class='date'>dom-selection</span>
</a>
<a href="./es6.html">
<span class='title'>ES2015+</span>
<span class='date'>es6</span>
</a>
<a href="./js-appcache.html">
<span class='title'>applicationCache</span>
<span class='date'>js-appcache</span>
</a>
<a href="./js-array.html">
<span class='title'>JavaScript Arrays</span>
<span class='date'>js-array</span>
</a>
<a href="./js-date.html">
<span class='title'>JavaScript Date</span>
<span class='date'>js-date</span>
</a>
<a href="./js-fetch.html">
<span class='title'>fetch()</span>
<span class='date'>js-fetch</span>
</a>
<a href="./js-lazy.html">
<span class='title'>JavaScript lazy shortcuts</span>
<span class='date'>js-lazy</span>
</a>
<a href="./js-speech.html">
<span class='title'>JavaScript speech synthesis</span>
<span class='date'>js-speech</span>
</a>
<a href="./jsdoc.html">
<span class='title'>Jsdoc</span>
<span class='date'>jsdoc</span>
</a>
<a href="./npm.html">
<span class='title'>npm</span>
<span class='date'>npm</span>
</a>
<a href="./promise.html">
<span class='title'>Promises</span>
<span class='date'>promise</span>
</a>
<a href="./vue.html">
<span class='title'>Vue.js</span>
<span class='date'>vue</span>
</a>
<a href="./vue@1.0.28.html">
<span class='title'>Vue.js v1.0.28</span>
<span class='date'>vue@1.0.28</span>
</a>
<a href="./web-workers.html">
<span class='title'>Web workers</span>
<span class='date'>web-workers</span>
</a>
</div>
<div class='pages-header'>
<h2 id='javascript-libraries'>JavaScript libraries</h2>
</div>
<div class='pages-list'>
<a href="./101.html">
<span class='title'>101</span>
<span class='date'>101</span>
</a>
<a href="./angularjs.html">
<span class='title'>Angular.js</span>
<span class='date'>angularjs</span>
</a>
<a href="./backbone.html">
<span class='title'>Backbone.js</span>
<span class='date'>backbone</span>
</a>
<a href="./blessed.html">
<span class='title'>Blessed</span>
<span class='date'>blessed</span>
</a>
<a href="./bluebird.html">
<span class='title'>bluebird.js</span>
<span class='date'>bluebird</span>
</a>
<a href="./bookshelf.html">
<span class='title'>Bookshelf.js</span>
<span class='date'>bookshelf</span>
</a>
<a href="./deprecated/bower-api.html">
<span class='title'>Bower API</span>
<span class='date'>deprecatedbower-api</span>
</a>
<a href="./browser-sync.html">
<span class='title'>Browsersync</span>
<span class='date'>browser-sync</span>
</a>
<a href="./browserify.html">
<span class='title'>Browserify</span>
<span class='date'>browserify</span>
</a>
<a href="./camp.html">
<span class='title'>Camp</span>
<span class='date'>camp</span>
</a>
<a href="./chai.html">
<span class='title'>Chai.js</span>
<span class='date'>chai</span>
</a>
<a href="./co.html">
<span class='title'>co</span>
<span class='date'>co</span>
</a>
<a href="./commander.js.html">
<span class='title'>Commander.js</span>
<span class='date'>commander.js</span>
</a>
<a href="./deku.html">
<span class='title'>Deku v2</span>
<span class='date'>deku</span>
</a>
<a href="./deku@1.html">
<span class='title'>Deku v1</span>
<span class='date'>deku@1</span>
</a>
<a href="./ember.html">
<span class='title'>Ember.js</span>
<span class='date'>ember</span>
</a>
<a href="./expectjs.html">
<span class='title'>expect.js</span>
<span class='date'>expectjs</span>
</a>
<a href="./express.html">
<span class='title'>Express.js</span>
<span class='date'>express</span>
</a>
<a href="./fastify.html">
<span class='title'>Fastify</span>
<span class='date'>fastify</span>
</a>
<a href="./flow.html">
<span class='title'>Flow</span>
<span class='date'>flow</span>
</a>
<a href="./gremlins.html">
<span class='title'>Gremlins.js</span>
<span class='date'>gremlins</span>
</a>
<a href="./gulp.html">
<span class='title'>Gulp</span>
<span class='date'>gulp</span>
</a>
<a href="./handlebars.js.html">
<span class='title'>Handlebars.js</span>
<span class='date'>handlebars.js</span>
</a>
<a href="./harvey.js.html">
<span class='title'>Harvey.js</span>
<span class='date'>harvey.js</span>
</a>
<a href="./immutable.js.html">
<span class='title'>Immutable.js</span>
<span class='date'>immutable.js</span>
</a>
<a href="./jade.html">
<span class='title'>Jade</span>
<span class='date'>jade</span>
</a>
<a href="./jasmine.html">
<span class='title'>Jasmine</span>
<span class='date'>jasmine</span>
</a>
<a href="./jest.html">
<span class='title'>Jest</span>
<span class='date'>jest</span>
</a>
<a href="./jquery-cdn.html">
<span class='title'>jQuery CDN</span>
<span class='date'>jquery-cdn</span>
</a>
<a href="./jquery.html">
<span class='title'>jQuery</span>
<span class='date'>jquery</span>
</a>
<a href="./js-model.html">
<span class='title'>js-model</span>
<span class='date'>js-model</span>
</a>
<a href="./jscoverage.html">
<span class='title'>jscoverage</span>
<span class='date'>jscoverage</span>
</a>
<a href="./jshint.html">
<span class='title'>Jshint</span>
<span class='date'>jshint</span>
</a>
<a href="./koa.html">
<span class='title'>Koa</span>
<span class='date'>koa</span>
</a>
<a href="./lodash.html">
<span class='title'>Lodash</span>
<span class='date'>lodash</span>
</a>
<a href="./meow.html">
<span class='title'>Meow</span>
<span class='date'>meow</span>
</a>
<a href="./middleman.html">
<span class='title'>Middleman 3</span>
<span class='date'>middleman</span>
</a>
<a href="./minimist.html">
<span class='title'>minimist</span>
<span class='date'>minimist</span>
</a>
<a href="./mobx.html">
<span class='title'>Mobx</span>
<span class='date'>mobx</span>
</a>
<a href="./mocha-blanket.html">
<span class='title'>Mocha blanket</span>
<span class='date'>mocha-blanket</span>
</a>
<a href="./mocha-html.html">
<span class='title'>Mocha HTML</span>
<span class='date'>mocha-html</span>
</a>
<a href="./mocha-tdd.html">
<span class='title'>Mocha.js TDD interface</span>
<span class='date'>mocha-tdd</span>
</a>
<a href="./mocha.html">
<span class='title'>Mocha.js</span>
<span class='date'>mocha</span>
</a>
<a href="./modella.html">
<span class='title'>Modella</span>
<span class='date'>modella</span>
</a>
<a href="./modernizr.html">
<span class='title'>Modernizr</span>
<span class='date'>modernizr</span>
</a>
<a href="./moment.html">
<span class='title'>Moment.js</span>
<span class='date'>moment</span>
</a>
<a href="./nock.html">
<span class='title'>Nock</span>
<span class='date'>nock</span>
</a>
<a href="./nopt.html">
<span class='title'>Nopt</span>
<span class='date'>nopt</span>
</a>
<a href="./parsimmon.html">
<span class='title'>Parsimmon</span>
<span class='date'>parsimmon</span>
</a>
<a href="./parsley.html">
<span class='title'>Parsley.js</span>
<span class='date'>parsley</span>
</a>
<a href="./polyfill.io.html">
<span class='title'>Polyfill.io</span>
<span class='date'>polyfill.io</span>
</a>
<a href="./pug.html">
<span class='title'>Pug</span>
<span class='date'>pug</span>
</a>
<a href="./qjs.html">
<span class='title'>Q.js</span>
<span class='date'>qjs</span>
</a>
<a href="./qunit.html">
<span class='title'>Qunit</span>
<span class='date'>qunit</span>
</a>
<a href="./ractive.html">
<span class='title'>Ractive.js</span>
<span class='date'>ractive</span>
</a>
<a href="./riot.html">
<span class='title'>Riot.js</span>
<span class='date'>riot</span>
</a>
<a href="./rollup.html">
<span class='title'>Rollup.js</span>
<span class='date'>rollup</span>
</a>
<a href="./sequelize.html">
<span class='title'>Sequelize</span>
<span class='date'>sequelize</span>
</a>
<a href="./shelljs.html">
<span class='title'>Shell.js</span>
<span class='date'>shelljs</span>
</a>
<a href="./sinon-chai.html">
<span class='title'>Sinon-chai</span>
<span class='date'>sinon-chai</span>
</a>
<a href="./sinon.html">
<span class='title'>Sinon</span>
<span class='date'>sinon</span>
</a>
<a href="./spine.html">
<span class='title'>Spine</span>
<span class='date'>spine</span>
</a>
<a href="./stencil.html">
<span class='title'>Stencil</span>
<span class='date'>stencil</span>
</a>
<a href="./superagent.html">
<span class='title'>Superagent</span>
<span class='date'>superagent</span>
</a>
<a href="./tape.html">
<span class='title'>Tape</span>
<span class='date'>tape</span>
</a>
<a href="./typescript.html">
<span class='title'>TypeScript</span>
<span class='date'>typescript</span>
</a>
<a href="./umdjs.html">
<span class='title'>Universal JS module loader</span>
<span class='date'>umdjs</span>
</a>
<a href="./underscore-string.html">
<span class='title'>Underscore-string</span>
<span class='date'>underscore-string</span>
</a>
<a href="./virtual-dom.html">
<span class='title'>Virtual-dom</span>
<span class='date'>virtual-dom</span>
</a>
<a href="./vows.html">
<span class='title'>Vows</span>
<span class='date'>vows</span>
</a>
<a href="./webpack.html">
<span class='title'>Webpack</span>
<span class='date'>webpack</span>
</a>
<a href="./weinre.html">
<span class='title'>Weinre</span>
<span class='date'>weinre</span>
</a>
<a href="./yargs.html">
<span class='title'>Yargs</span>
<span class='date'>yargs</span>
</a>
<a href="./yarn.html">
<span class='title'>Yarn</span>
<span class='date'>yarn</span>
</a>
<a href="./zombie.html">
<span class='title'>Zombie</span>
<span class='date'>zombie</span>
</a>
</div>
<div class='pages-header'>
<h2 id='jekyll'>Jekyll</h2>
</div>
<div class='pages-list'>
<a href="./gh-pages.html">
<span class='title'>GitHub pages</span>
<span class='date'>gh-pages</span>
</a>
<a href="./jekyll-github.html">
<span class='title'>Jekyll for GitHub pages</span>
<span class='date'>jekyll-github</span>
</a>
<a href="./jekyll.html">
<span class='title'>Jekyll</span>
<span class='date'>jekyll</span>
</a>
</div>
<div class='pages-header'>
<h2 id='ledger'>Ledger</h2>
</div>
<div class='pages-list'>
<a href="./hledger.html">
<span class='title'>Hledger</span>
<span class='date'>hledger</span>
</a>
<a href="./ledger-csv.html">
<span class='title'>Ledger CSV format</span>
<span class='date'>ledger-csv</span>
</a>
<a href="./ledger-examples.html">
<span class='title'>Ledger examples</span>
<span class='date'>ledger-examples</span>
</a>
<a href="./ledger-format.html">
<span class='title'>Ledger format</span>
<span class='date'>ledger-format</span>
</a>
<a href="./ledger-periods.html">
<span class='title'>Ledger periods</span>
<span class='date'>ledger-periods</span>
</a>
<a href="./ledger-query.html">
<span class='title'>Ledger queries</span>
<span class='date'>ledger-query</span>
</a>
<a href="./ledger.html">
<span class='title'>Ledger CLI</span>
<span class='date'>ledger</span>
</a>
</div>
<div class='pages-header'>
<h2 id='markup'>Markup</h2>
</div>
<div class='pages-list'>
<a href="./emmet.html">
<span class='title'>Emmet</span>
<span class='date'>emmet</span>
</a>
<a href="./haml.html">
<span class='title'>Haml</span>
<span class='date'>haml</span>
</a>
<a href="./kramdown.html">
<span class='title'>Kramdown</span>
<span class='date'>kramdown</span>
</a>
<a href="./markdown.html">
<span class='title'>Markdown</span>
<span class='date'>markdown</span>
</a>
<a href="./rdoc.html">
<span class='title'>Rdoc</span>
<span class='date'>rdoc</span>
</a>
<a href="./rst.html">
<span class='title'>ReStructuredText</span>
<span class='date'>rst</span>
</a>
<a href="./textile.html">
<span class='title'>Textile</span>
<span class='date'>textile</span>
</a>
<a href="./tomdoc.html">
<span class='title'>Tomdoc</span>
<span class='date'>tomdoc</span>
</a>
<a href="./yaml.html">
<span class='title'>Yaml</span>
<span class='date'>yaml</span>
</a>
</div>
<div class='pages-header'>
<h2 id='macos'>macOS</h2>
</div>
<div class='pages-list'>
<a href="./applescript.html">
<span class='title'>AppleScript</span>
<span class='date'>applescript</span>
</a>
<a href="./macos-mouse-acceleration.html">
<span class='title'>Mouse Acceleration</span>
<span class='date'>macos-mouse-acceleration</span>
</a>
<a href="./osx.html">
<span class='title'>OS X</span>
<span class='date'>osx</span>
</a>
</div>
<div class='pages-header'>
<h2 id='node.js'>Node.js</h2>
</div>
<div class='pages-list'>
<a href="./nodejs-assert.html">
<span class='title'>assert</span>
<span class='date'>nodejs-assert</span>
</a>
<a href="./nodejs-fs.html">
<span class='title'>fs</span>
<span class='date'>nodejs-fs</span>
</a>
<a href="./nodejs-path.html">
<span class='title'>Node.js path API</span>
<span class='date'>nodejs-path</span>
</a>
<a href="./nodejs-process.html">
<span class='title'>process</span>
<span class='date'>nodejs-process</span>
</a>
<a href="./nodejs-stream.html">
<span class='title'>Node.js streams</span>
<span class='date'>nodejs-stream</span>
</a>
<a href="./nodejs.html">
<span class='title'>Node.js API</span>
<span class='date'>nodejs</span>
</a>
<a href="./package-json.html">
<span class='title'>package.json</span>
<span class='date'>package-json</span>
</a>
</div>
<div class='pages-header'>
<h2 id='php'>PHP</h2>
</div>
<div class='pages-list'>
<a href="./wip/php.html">
<span class='title'>PHP</span>
<span class='date'>wipphp</span>
</a>
</div>
<div class='pages-header'>
<h2 id='python'>Python</h2>
</div>
<div class='pages-list'>
<a href="./jinja.html">
<span class='title'>Jinja</span>
<span class='date'>jinja</span>
</a>
<a href="./mako.html">
<span class='title'>Mako</span>
<span class='date'>mako</span>
</a>
<a href="./python.html">
<span class='title'>Python</span>
<span class='date'>python</span>
</a>
</div>
<div class='pages-header'>
<h2 id='rails'>Rails</h2>
</div>
<div class='pages-list'>
<a href="./arel.html">
<span class='title'>Arel</span>
<span class='date'>arel</span>
</a>
<a href="./rails-controllers.html">
<span class='title'>Rails controllers</span>
<span class='date'>rails-controllers</span>
</a>
<a href="./rails-forms.html">
<span class='title'>Rails form helpers</span>
<span class='date'>rails-forms</span>
</a>
<a href="./rails-helpers.html">
<span class='title'>Rails helpers</span>
<span class='date'>rails-helpers</span>
</a>
<a href="./rails-i18n.html">
<span class='title'>Rails i18n</span>
<span class='date'>rails-i18n</span>
</a>
<a href="./rails-migrations.html">
<span class='title'>Rails migrations</span>
<span class='date'>rails-migrations</span>
</a>
<a href="./rails-models.html">
<span class='title'>Rails models</span>
<span class='date'>rails-models</span>
</a>
<a href="./rails-plugins.html">
<span class='title'>Rails plugins</span>
<span class='date'>rails-plugins</span>
</a>
<a href="./rails-routes.html">
<span class='title'>Routes</span>
<span class='date'>rails-routes</span>
</a>
<a href="./rails-tricks.html">
<span class='title'>Rails tricks</span>
<span class='date'>rails-tricks</span>
</a>
<a href="./rails.html">
<span class='title'>Rails</span>
<span class='date'>rails</span>
</a>
</div>
<div class='pages-header'>
<h2 id='react'>React</h2>
</div>
<div class='pages-list'>
<a href="./awesome-redux.html">
<span class='title'>Awesome Redux</span>
<span class='date'>awesome-redux</span>
</a>
<a href="./enzyme.html">
<span class='title'>Enzyme</span>
<span class='date'>enzyme</span>
</a>
<a href="./enzyme@2.html">
<span class='title'>Enzyme v2</span>
<span class='date'>enzyme@2</span>
</a>
<a href="./flux.html">
<span class='title'>Flux architecture</span>
<span class='date'>flux</span>
</a>
<a href="./react-router.html">
<span class='title'>React-router</span>
<span class='date'>react-router</span>
</a>
<a href="./react.html">
<span class='title'>React.js</span>
<span class='date'>react</span>
</a>
<a href="./react@0.14.html">
<span class='title'>React.js (v0.14)</span>
<span class='date'>react@0.14</span>
</a>
<a href="./redux.html">
<span class='title'>Redux</span>
<span class='date'>redux</span>
</a>
</div>
<div class='pages-header'>
<h2 id='ruby'>Ruby</h2>
</div>
<div class='pages-list'>
<a href="./activeadmin.html">
<span class='title'>ActiveAdmin</span>
<span class='date'>activeadmin</span>
</a>
<a href="./bundler.html">
<span class='title'>Bundler</span>
<span class='date'>bundler</span>
</a>
<a href="./goby.html">
<span class='title'>Goby</span>
<span class='date'>goby</span>
</a>
<a href="./minitest.html">
<span class='title'>Minitest</span>
<span class='date'>minitest</span>
</a>
<a href="./rake.html">
<span class='title'>Rake</span>
<span class='date'>rake</span>
</a>
<a href="./rbenv.html">
<span class='title'>rbenv</span>
<span class='date'>rbenv</span>
</a>
<a href="./rspec-rails.html">
<span class='title'>Rspec-rails</span>
<span class='date'>rspec-rails</span>
</a>
<a href="./rspec.html">
<span class='title'>RSpec</span>
<span class='date'>rspec</span>
</a>
<a href="./ruby.html">
<span class='title'>Ruby</span>
<span class='date'>ruby</span>
</a>
<a href="./ruby21.html">
<span class='title'>Ruby 2.1</span>
<span class='date'>ruby21</span>
</a>
<a href="./rubygems.html">
<span class='title'>Rubygems</span>
<span class='date'>rubygems</span>
</a>
<a href="./stimulus-reflex.html">
<span class='title'>StimulusReflex</span>
<span class='date'>stimulus-reflex</span>
</a>
</div>
<div class='pages-header'>
<h2 id='ruby-libraries'>Ruby libraries</h2>
</div>
<div class='pages-list'>
<a href="./capybara.html">
<span class='title'>Capybara</span>
<span class='date'>capybara</span>
</a>
<a href="./chunky_png.html">
<span class='title'>Chunky PNG</span>
<span class='date'>chunky_png</span>
</a>
<a href="./do.html">
<span class='title'>Do gem</span>
<span class='date'>do</span>
</a>
<a href="./factory_bot.html">
<span class='title'>Factory Bot</span>
<span class='date'>factory_bot</span>
</a>
<a href="./ffaker.html">
<span class='title'>FFaker</span>
<span class='date'>ffaker</span>
</a>
<a href="./machinist.html">
<span class='title'>Machinist</span>
<span class='date'>machinist</span>
</a>
<a href="./meta-tags.html">
<span class='title'>Meta-tags gem</span>
<span class='date'>meta-tags</span>
</a>
<a href="./pry.html">
<span class='title'>Pry</span>
<span class='date'>pry</span>
</a>
<a href="./psdrb.html">
<span class='title'>PSD.rb</span>
<span class='date'>psdrb</span>
</a>
<a href="./rack-test.html">
<span class='title'>rack-test</span>
<span class='date'>rack-test</span>
</a>
<a href="./ronn.html">
<span class='title'>Ronn</span>
<span class='date'>ronn</span>
</a>
<a href="./sequel.html">
<span class='title'>Sequel</span>
<span class='date'>sequel</span>
</a>
<a href="./slim.html">
<span class='title'>Slim</span>
<span class='date'>slim</span>
</a>
</div>
<div class='pages-header'>
<h2 id='vim'>Vim</h2>
</div>
<div class='pages-list'>
<a href="./projectionist.html">
<span class='title'>Projectionist</span>
<span class='date'>projectionist</span>
</a>
<a href="./tabular.html">
<span class='title'>Tabular</span>
<span class='date'>tabular</span>
</a>
<a href="./vim-diff.html">
<span class='title'>Vimdiff</span>
<span class='date'>vim-diff</span>
</a>
<a href="./vim-digraphs.html">
<span class='title'>Vim digraphs</span>
<span class='date'>vim-digraphs</span>
</a>
<a href="./vim-easyalign.html">
<span class='title'>Vim Easyalign</span>
<span class='date'>vim-easyalign</span>
</a>
<a href="./vim-help.html">
<span class='title'>Vim helpfiles</span>
<span class='date'>vim-help</span>
</a>
<a href="./vim-rails.html">
<span class='title'>Vim-rails</span>
<span class='date'>vim-rails</span>
</a>
<a href="./vim-unite.html">
<span class='title'>Vim-Unite</span>
<span class='date'>vim-unite</span>
</a>
<a href="./vim.html">
<span class='title'>Vim</span>
<span class='date'>vim</span>
</a>
<a href="./vimscript-functions.html">
<span class='title'>Vimscript functions</span>
<span class='date'>vimscript-functions</span>
</a>
<a href="./vimscript-snippets.html">
<span class='title'>Vimscript snippets</span>
<span class='date'>vimscript-snippets</span>
</a>
<a href="./vimscript.html">
<span class='title'>Vim scripting</span>
<span class='date'>vimscript</span>
</a>
</div>
<div class='pages-header'>
<h2 id='fitness'>Fitness</h2>
</div>
<div class='pages-list'>
<a href="./fitness/general.html">
<span class='title'>General fitness notes</span>
<span class='date'>fitnessgeneral</span>
</a>
<a href="./fitness/micronutrients.html">
<span class='title'>Essential micronutrients</span>
<span class='date'>fitnessmicronutrients</span>
</a>
<a href="./fitness/phat.html">
<span class='title'>Phat</span>
<span class='date'>fitnessphat</span>
</a>
</div>
<div class='pages-header'>
<h2 id='others'>Others</h2>
</div>
<div class='pages-list'>
<a href="./404.html">
<span class='title'></span>
<span class='date'>404</span>
</a>
<a href="./cask-index.html">
<span class='title'>Caskroom index</span>
<span class='date'>cask-index</span>
</a>
<a href="./cheatsheet-styles.html">
<span class='title'>Cheatsheet styles</span>
<span class='date'>cheatsheet-styles</span>
</a>
<a href="./command_line.html">
<span class='title'>Command line stuff</span>
<span class='date'>command_line</span>
</a>
<a href="./cordova.html">
<span class='title'>Apache Cordova</span>
<span class='date'>cordova</span>
</a>
<a href="./datetime.html">
<span class='title'>Date & time formats</span>
<span class='date'>datetime</span>
</a>
<a href="./devise.html">
<span class='title'>Devise</span>
<span class='date'>devise</span>
</a>
<a href="./divshot.html">
<span class='title'>Divshot</span>
<span class='date'>divshot</span>
</a>
<a href="./figlet.html">
<span class='title'>Figlet</span>
<span class='date'>figlet</span>
</a>
<a href="./firebase.html">
<span class='title'>Firebase</span>
<span class='date'>firebase</span>
</a>
<a href="./firefox.html">
<span class='title'>Firefox</span>
<span class='date'>firefox</span>
</a>
<a href="./freenode.html">
<span class='title'>Freenode</span>
<span class='date'>freenode</span>
</a>
<a href="./frequency-separation-retouching.html">
<span class='title'>Frequency separation retouching</span>
<span class='date'>frequency-separation-retouching</span>
</a>
<a href="./google-webfonts.html">
<span class='title'>Google Webfonts</span>
<span class='date'>google-webfonts</span>
</a>
<a href="./google_analytics.html">
<span class='title'>Google Analytics</span>
<span class='date'>google_analytics</span>
</a>
<a href="./imagemagick.html">
<span class='title'>Imagemagick</span>
<span class='date'>imagemagick</span>
</a>
<a href="./">
<span class='title'></span>
<span class='date'></span>
</a>
<a href="./index@2016.html">
<span class='title'></span>
<span class='date'>index@2016</span>
</a>
<a href="./ios-provision.html">
<span class='title'>iOS Provisioning Profiles</span>
<span class='date'>ios-provision</span>
</a>
<a href="./less.html">
<span class='title'>Less.js</span>
<span class='date'>less</span>
</a>
<a href="./licenses.html">
<span class='title'>Licenses</span>
<span class='date'>licenses</span>
</a>
<a href="./linux.html">
<span class='title'>Linux</span>
<span class='date'>linux</span>
</a>
<a href="./lua.html">
<span class='title'>Lua</span>
<span class='date'>lua</span>
</a>
<a href="./make-assets.html">
<span class='title'>Make for assets</span>
<span class='date'>make-assets</span>
</a>
<a href="./nocode.html">
<span class='title'>Nocode</span>
<span class='date'>nocode</span>
</a>
<a href="./passenger.html">
<span class='title'>Phusion Passenger</span>
<span class='date'>passenger</span>
</a>
<a href="./ph-food-delivery.html">
<span class='title'>Food delivery (Philippines)</span>
<span class='date'>ph-food-delivery</span>
</a>
<a href="./plantuml.html">
<span class='title'>PlantUML</span>
<span class='date'>plantuml</span>
</a>
<a href="./premailer.html">
<span class='title'>Premailer</span>
<span class='date'>premailer</span>
</a>
<a href="./regexp.html">
<span class='title'>regexp</span>
<span class='date'>regexp</span>
</a>
<a href="./resolutions.html">
<span class='title'>Screen resolutions</span>
<span class='date'>resolutions</span>
</a>
<a href="./saucelabs.html">
<span class='title'>Saucelabs</span>
<span class='date'>saucelabs</span>
</a>
<a href="./data/search-index.json">
<span class='title'></span>
<span class='date'>datasearch-index.json</span>
</a>
<a href="./semver.html">
<span class='title'>Semver</span>
<span class='date'>semver</span>
</a>
<a href="./siege.html">
<span class='title'>Siege</span>
<span class='date'>siege</span>
</a>
<a href="./simple_form.html">
<span class='title'>SimpleForm</span>
<span class='date'>simple_form</span>
</a>
<a href="./sitemap.xml">
<span class='title'></span>
<span class='date'>sitemap.xml</span>
</a>
<a href="./social-images.html">
<span class='title'>Social media images</span>
<span class='date'>social-images</span>
</a>
<a href="./spreadsheet.html">
<span class='title'>Spreadsheet functions</span>
<span class='date'>spreadsheet</span>
</a>
<a href="./strftime.html">
<span class='title'>strftime format</span>
<span class='date'>strftime</span>
</a>
<a href="./assets/2015/style.css">
<span class='title'></span>
<span class='date'>assets2015style.css</span>
</a>
<a href="./assets/2017/style.css">
<span class='title'></span>
<span class='date'>assets2017style.css</span>
</a>
<a href="./ubuntu.html">
<span class='title'>Ubuntu</span>
<span class='date'>ubuntu</span>
</a>
<a href="./unicode.html">
<span class='title'>Unicode symbols</span>
<span class='date'>unicode</span>
</a>
<a href="./vainglory.html">
<span class='title'>Vainglory</span>
<span class='date'>vainglory</span>
</a>
<a href="./watchman.html">
<span class='title'>Watchman</span>
<span class='date'>watchman</span>
</a>
<a href="./znc.html">
<span class='title'>ZNC bouncer</span>
<span class='date'>znc</span>
</a>
<a href="./assets/css/style.css">
<span class='title'></span>
<span class='date'>assetscssstyle.css</span>
</a>
<a href="./redirects.json">
<span class='title'></span>
<span class='date'>redirects.json</span>
</a>
</div>
<div class='side-ad'>
<script async src='https://pubsrv.devhints.io/carbon.js?serve=CE7IK5QM&placement=devhintsio' id="_carbonads_js"></script>
</div>
<div class="about-the-site">
<div class="container">
<p class='blurb'>
<strong><a href=".">Devhints.io cheatsheets</a></strong> is a collection of cheatsheets I've written over the years.
Suggestions and corrections? <a href='https://github.com/rstacruz/cheatsheets/issues/907'>Send them in</a>.
<i class='fleuron'></i>
I'm <a href="http://ricostacruz.com">Rico Sta. Cruz</a>.
Check out my <a href="http://ricostacruz.com/til">Today I learned blog</a> for more.
</p>
<p class='back'>
<a class='big-button -back -slim' href='.#toc'></a>
</p>
<p>
</p>
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/8.5/highlight.min.js"></script>
<script src="https://cdn.rawgit.com/rstacruz/unorphan/v1.0.1/index.js"></script>
<script>hljs.initHighlightingOnLoad()</script>
<script>unorphan('h1, h2, h3, p, li, .unorphan')</script>
</body>
</html>