Cheatsheets

mixpanel analytics.js

Google Analytics's analytics.js is deprecated.

<https://mixpanel.com/help/reference/javascript

{% raw %} <https://www.ansible.com/

Ruby installation (github.com) Postgres installation (github.com)

{% raw %} Place your modules inside tasks.

A quick guide to getting started with your first Ansible playbook.

roles/ common/

GraphQL queries look the same for both single items or lists of items. Just to make things less ambiguous. Also, to use variables, you need an operation name.

List of HTTP Status codes and links to description.

Code Description 200 OK Successful get, patch (return a JSON object)

[Visual Studio Code](https://code.visualstudio.com/), or VSCode, is an open-source code editor. This guide targets VSCode v1.19.

This example should be fine for most projects indented by 2 spaces. See: animate.css editorconfig <https://EditorConfig.org

Shortcut Description ⌘\ Toggle tree

add Dinner with Rico 5 pm tomorrow remind Go to school at 2:30pm

/ = Zoom in/out 3 / 4 Zoom to selection / drawing

[Org mode](https://orgmode.org/) is for keeping hierarchal notes (and more) in Emacs.

Shortcut Description V Vector

[Spacemacs](http://spacemacs.org) is a distribution for Emacs.

⌘ D select current word (repeat to include next instance of word) ⌘ L select current line (repeat to include next line)

Shortcut Description ^s / ^u Set unread marker on all windows

A quick guide to getting started writing Bolt tasks

A tour of Go (tour.golang.org) Go repl (repl.it)

Quick reference for the [C macro preprocessor](https://en.m.wikipedia.org/wiki/C_preprocessor), which can be used independent of C/C++.

A quick overview of C# 7

Operator Description all values

Command Description brew install git Install a package

$ http POST http://example.com name="John" Host:example.com — JSON, cookies, files, auth, and other httpie examples.

Command Description adb devices Lists connected devices

Basic guide on how to use Composer, the PHP Package manager.

Shortcut Description ^A ←/^E → Move to the line beginning/end

[mattgreen/watchexec](https://github.com/mattgreen/watchexec) runs commands whenever certain files change.

You'll need mplayer, imagemagick and gifsicle. This converts frames to .png, then turns them into an animated gif. See ss and endpos.

Quick reference to ANSI color codes.

This is a quick reference to getting started with Bash scripting. Learn bash in y minutes (learnxinyminutes.com)

Render Page's repository

^n ^p up/down ^f ^b left/right

These conditions only work in MacOS and BSDlike systems (no GNU/Linux support).

In BRE, these characters have a special meaning unless they are escaped with a backslash: ^ $ . [ ] \

[GnuPG](https://gnupg.org/) is a complete and free implementation of the OpenPGP standard.

= expressions are only evaluated when they're being used. Prefix Description

1 General User Commands 2 System Calls

Reference <https://passwordstore.org

Command Description pm2 start app.js name myapi Start and name a process

See: <http://plasmasturm.org/code/rename/ Rename hello.txt to world.txt and so on in .txt.

[rTorrent](https://rakshasa.github.io/rtorrent/) is a command-line torrent application. Here are some shortcut keys.

Screen or GNU Screen is a terminal multiplexer. In other words, it means that you can start a screen session and then open any number of windows (virtual terminals). This does not contain **all** of screen's commands and options, read [GNU's manual](https://www.gnu.org/software/screen/manual/screen.html#Commands) to see everything

Here's some hints on using sed.

This creates a virtual file with the contents of the output of ls ./old. Named pipe (wikipedia.org)

Concatenate, Deflate, Inflate files

$ tmux u UTF8 mode

See the processes in your Unix machine.

Expression Example Description !! sudo !! Last command (sudo !!)

This is a quick reference to Sass stylesheets. Sass documentation (sasslang.com)

A fixedheight top bar and a dynamicheight content area. This creates columns that have different widths, but size accordingly according

This uses whatever system font is available. See: System shock Designing Medium (medium.com) Font OS

Also see colorme.io. Selectors

Getting started Stylus is a CSS preprocessor.

.container .row .col-md-6, @screen-sm-min, .form-control, grids, .modal-content, tooltips, and other Bootstrap CSS examples.

Basic guide on how to use Bulma, the lightweight css flexbox framework.

Selector Description All elements

Here's a 4-line snippet on how to get beautiful, antialiased text with CSS.

GRID: A simple visual cheatsheet CSS Tricks: A Complete Guide to Grid

See: Introducing text stroke Relevant in iOS6, but maybe not anymore.

Joins are typically added to SELECT statements to add more columns and records. Join What

[Knex](http://knexjs.org/) is an SQL query builder for Node.js. This guide targets v0.13.0.

Host ‘%’ indicates any host. ⚠ INT(2) = "2 digits displayed" NOT "number with 2 digits max"

$ psql logs in to default database & default user $ sudo u <rolename:postgres psql logs in with a particular user

Operator Description Example Returns int Get array element 2 data2 JSON

Use perl to search and replace across many files. Use \1 et al.

Docker compose is now integrated into the official Docker installation. The functionality only improved over that change, and the simple syntax change is : V1 : dockercompose ARG to V2 docker compose

.elasticbeanstalk/config.yml application config .elasticbeanstalk/devenv.env.yml environment config

In your server: Learn Chef Rally (learn.chef.io)

<https://circleci.com/docs/configsample machine: adjusting the VM to your preferences and requirements

See: SSL

Manage images Create an image from a Dockerfile.

Using shell will turn on strict mode for shell commands. Configures a container that will run as an executable.

Start a flynn cluster (on amazon or vagrant) flynn cluster add to add that cluster

[Heroku](https://heroku.com/) is a web hosting platform supporting many languages, and this guide is a reference to Heroku's [command-line interface](https://heroku.com/).

Quick reference for [Travis CI](https://travis-ci.org) yaml configuration. See [official documentation](https://docs.travis-ci.com/user/customizing-the-build/).

[Vagrant](http://vagrantup.com) lets you build isolated virtual environments for your apps.

Vagrant cheatsheet

These two are equivalent. This sets username to "Tom".

Request Usually only useful for tests.

:set no duplicate keys (or: :orderedset, :bag, :duplicatebag) :protected only this process can use it (or: :public, :private)

Install Erlang, Elixir, Node.js, PostgreSQL first. See: Installation (hexdocs.pm)

Creates a migration (no models). This is only for Phoenix 1.2 or older; models aren't available in Phoenix 1.3+.

See: Mix.Tasks.Phoenix.Routes (hexdocs.pm) Also: put post patch options delete head

Most of these magic is defined in Kernel.SpecialForms.

See: Assertions ExUnit Docs

Field :id

Command Description tig Logs

See the next tables on format variables. Variable Description

Creates a new branch locally then pushes it. Gets a branch in a remote.

Quick reference to some utilities in the [git-extras](https://github.com/tj/git-extras) utilities.

See gitrevisions. See: Git log format cheatsheet

A list of revision specifications you can use with `git log` and many other Git commands. Summarized from `gitrevisions(7)` man page.

HEAD^ 1 commit before head HEAD^^ 2 commits before head

$x('//div//p//*') == $('div p *'), $x('//[@id="item"]') == $('#item'), and many other Xpath examples.

See: OpenGraph protocol (developers.facebook.com) article:publishedtime

email hidden

These are CSS properties that will cause "layout thrashing". Avoid changing them to prevent bottlenecks in your UI performance.

Note that Appcache is deprecated! See: Using the application cache (developer.mozilla.org)

<http://applinks.org/ <meta property="al:ios:url" content="applinks://docs" /

<link rel="shortcut icon" type="image/xicon" href="/favicon.ico" <link rel="shortcut icon" type="image/png" href="/favicon.png"

Property Where position (Outlook, Gmail, Yahoo)

Feature IE6 IE7 IE8 IE9 IE10 (descendant) 7 ✓ ✓ ✓ ✓

A bunch of bugs to take care of if you're going to target legacy IE browsers.

Facebook: Twitter:

[Kotlin](http://kotlinlang.org/) is a statically typed programming language for modern multiplatform applications.

A quick overview of new JavaScript features in ES2015, ES2016, ES2017, ES2018 and beyond.

[Vue.js](https://vuejs.org/) is an open-source Model–view–viewmodel JavaScript framework for building user interfaces and single-page applications.

Non2xx responses are still successful requests. Use another function to turn them to errors. See: isomorphicfetch (npmjs.com)

new Date( 2014, 2, 1, 13, 0, 59, 0) Date Year Month Day Hour Min Sec Milli

See: SpeechSynthesisUtterance (developer.mozilla.org)

See: <https://jsdoc.app/index.html Type Description

Command Description npm i Alias for npm install

Messages can be anything that can be serialized into JSON (objects, arrays, strings, numbers, booleans). See: structured clone These are the contents of message on onmessage.

This is a deprecated HTML feature. See: Using the application cache (developer.mozilla.org)

Saves: strokeStyle fillStyle globalAlpha lineWidth lineCap lineJoin miterLimit shadowOffsetX shadowOffsetY shadowBlur shadowColor globalCompositeOperation, Transformations (translate rotate scale tran

Quick reference to the HTML [DOM createRange API](https://devdocs.io/dom/range).

Quick introduction to the HTML [DOM selection API](https://devdocs.io/dom/selection).

What Lazy mode "The right way" String to number +str parseInt(str, 10) or parseFloat()

intro: A quick reference to the JavaScript Promise API. Using Promises guide (developer.mozilla.org)

expect(x).to.be.equal(y) 〉 assert.equal(x, y) 〉 .to.be.true 〉 jQuery, assertions, TDD and BDD, and other Chai examples.

Most of what you need to do is to simply add annotations to function arguments! See: flow.org docs

A quick overview to [Jest](https://facebook.github.io/jest/), a test framework for Node.js. This guide targets Jest v20.

This is not a complete list.

See: Attributes See: Comments

npm yarn npm init yarn init

Also see the promise cheatsheet and Bluebird.js API (github.com). Those marked with are nonstandard Promise API that only work with Bluebird promises.

[Camp](https://github.com/espadrine/sc/) is a Node.js web server framework. This guide targets Camp v17.x.

[co](https://github.com/tj/co) allows you to use generators to manage async flow.

Expect is a library for assertions in tests. See: mjackson/expect

[Gremlins](https://github.com/marmelab/gremlins.js) is a JavaScript library to do "monkey-testing" by providing random user input (clicks, scrolls, and so on).

{% raw %} Would render:

Note: This cheatsheet may be a little outdated. Also see the Jest cheatsheet. Jest uses Jasmine, and therefore has similar API. Make your test return a promise.

Enables $(':inline')

[meow](https://npmjs.com/package/meow) is the easiest way to write command line apps for Node.js.

[Parsley](http://parsleyjs.org/doc/) provides frontend form validation.

[ShellJS](https://github.com/shelljs/shelljs) is a portable (Windows/Linux/OS X) implementation of Unix shell commands on top of the Node.js API.

[101](https://www.npmjs.com/package/101) is a JavaScript library for dealing with immutable data in a functional manner.

<https://github.com/angular/angularseed <https://angularjs.org/

Collection: add (model, collection, options)

Browserify is a bundler for JavaScript. <https://browserify.org/

npm i g browsersync browsersync.io

<https://github.com/tj/commander.js/ var cli = require('commander');

Quick reference for [Deku](https://www.npmjs.com/package/deku), a minimal virtual DOM library.

{% raw %} Router.map(function() {

Fastify lets you create HTTP servers in Node.js with good performance. This guide targets fastify v0.28.x. Fastify source code (github.com)

gulprubysass gulpautoprefixer

[Harvey.js](http://harvesthq.github.io/harvey/) helps you build responsive interfaces.

<http://benpickles.github.io/jsmodel/

A small guide into installing [jscoverage](https://npmjs.com/package./jscoverage). Also see [mocha-blanket](./mocha-blanket).

Enable these options to not throw errors in these conditions. See: Relaxing

Koa is a web framework for Node.js. <https://koajs.com/

NB: This is for Middleman 3, not Middleman 4+. compassconfig do config

All options are optional, but it's recommended you set string and boolean at least. All options are optional.

asMap(obj) JS map (dynamic keys) asReference(fn) don't observe me

Use [blanket](https://npmjs.com/package/blanket) for easy coverage reporting for Mocha JavaScript tests.

This is a mocha template that loads js/css from cdn.

mocha.setup('bdd'); describe('something', function() {

mocha.setup('tdd'); suite('something', function() {

[Modella](https://www.npmjs.com/package/modella) allows you to create simple models in JavaScript. This is a guide on basic usage of Modella in CoffeeScript.

<script src='//cdnjs.cloudflare.com/ajax/libs/modernizr/2.6.2/modernizr.min.js'</script JavaScript

This parses the given date using the given format. Returns a moment object. See datetime for more.

<https://www.npmjs.org/package/nopt

<https://github.com/jneen/parsimmon/blob/master/API.md

Polyfill.io is a service that serves JavaScript polyfills.

<https://github.com/kriskowal/q <https://github.com/kriskowal/q/wiki/APIReference

A quick reference for the [QUnit](https://yarnpkg.com/package/qunit) testing library in JavaScript.

{% raw %} Ractive is a UI library for JavaScript.

Riot is a UI library for JavaScript. <https://riot.js.org/

[Rollup](https://rollupjs.org/) Rollup is a module bundler for JavaScript which compiles small pieces of code into something larger and more complex, such as a library or application.

Sequelize is an ORM for JavaScript. <https://sequelize.org/

Sinonchai expect(spy).called

Spine is an MVC framework for JavaScript. <https://spine.github.io/

[Stencil](https://github.com/ionic-team/stencil) is a compiler for web components made by the Ionic team. This guide targets Stencil v0.0.5.

TypeScript is just like ES2015 with typechecking. All ES2015 (classes, etc) should work.

// Use it like so: .str.trim("hey");

<https://github.com/umdjs/umd js

See <https://www.npmjs.com/package/virtualdom

Vowsjs.org vows = require "vows"

This is a very basic "getting started with Webpack" guide for use with [Webpack](https://webpack.js.org) v3. This doesn't cover all features, but it should get you started in understanding the config file format.

[weinre](https://www.npmjs.com/package/weinre) is a remote Web inspector. Note that it has been deprecated since 2016.

[Zombie](http://zombie.js.org/) is a full-stack testing solution for Node.js.

Create a CNAME file with your domain on it. See: Setting up a custom domain (github.com)

{% raw %} See: Jekyll quickstart<br

{% raw %} Jekyll

Format = cleared, ! = pending

<https://hledger.org <https://hledger.org/quickstart.html

show me expenses for october (period) ledger r Expenses p oct

Flags: Only relevant with strict or pedantic

<https://ledgercli.org/3.0/doc/ledger3.htmlPeriodExpressions [INTERVAL] [BEGIN] [END]

<https://ledgercli.org/3.0/doc/ledger3.htmlComplexexpressions Query Description

Pacman is the package manager for Arch Linux and its derivatives. <https://wiki.archlinux.org/title/pacman

Disable mouse acceleration with this one weird trick.

/Library/LaunchAgents /System/Library/LaunchAgents/

markdown markdown

Code Description em

Emmet is a markup language for expanding CSS rules into HTML

Either hash syntax works

Kramdown is a Markdown parser in Ruby. <https://kramdown.gettalong.org/

Place this at the beginning of the file. <https://docs.rubylang.org/en/2.1.0/RDoc/Markup.html

ReStructuredText is a markup language for writing documents. <https://en.wikipedia.org/wiki/ReStructuredText

See tomdoc.org. Deprecated

Range First IP Last IP 10.0.0.0/24 10.0.0.0 10.0.0.255

Highlighted lines are required. See Semver cheatsheet for explanation of version ranges.

Stream Description Readable Data emitter

http://nodejs.org/api/assert.html

fs.readFile('file.txt', function(err, data) { .. }); fs.readFile('file.txt', {encoding: 'utf8'}, function(err, data) { .. });

filename dirname

Quick reference to the [Node.js path API](https://nodejs.org/api/path.html).

process.stdout.write('...'); process.stderr.write('...');

Basic cheatsheets for regular expression

Duplicate the layer twice. Perform these in each layer: Apply Gaussian Blur

[Siege](https://www.joedog.org/siege-home/) is an HTTP and HTTPS load testing tool.

{% raw %} {% endraw %}

Arel is an SQL abstraction library built into Ruby on Rails. <https://github.com/rails/arel

Helpers class ApplicationController

redirectto rooturl redirectto rooturl, notice: "Good."

Field names will be prefixed with post (the class name), and values will be derived from this object (eg, f.textfield :name from @post.name).

distanceoftimeinwords(Time.now, project.enddate) = 3 hours distanceoftimeinwordstonow(project.enddate) = 3 hours

<http://guides.rubyonrails.org/i18n.html <http://railsi18n.org/wiki

$ rails generate migration RemovePartNumberFromProducts partnumber:string $ rails generate migration removepartnumberfromproducts partnumber rails assumes string if not type given and you can use sn

Generating $ rails g model User

Generate a Rails Engine plugin: rails plugin new myplugin skipbundle full

in config/environments/development.rb: Source maps for Sass

resources :photos PhotosController:

[React](https://reactjs.org/) is a JavaScript library for building user interfaces. This guide targets React v15 to v16.

A store is made from a reducer function, which takes the current state, and returns a new state depending on the action it was given.

Enzyme lets you write unit tests for React components. This guide covers Enzyme 3.x. Enzyme website (enzymejs.github.io)

Create action creators in flux standard action format. reduxactions

Flux is an architecture for building clientside web applications. InDepth Overview (facebook.github.io)

<https://reactrouter.com/ {% raw %}

Goby's language design is based on Ruby language's, slim and shaped up. Differences in syntax between them is very small.

[rbenv](https://github.com/rbenv/rbenv) lets you manage installations of multiple Ruby versions.

Allows you to filter listings by a certain scope. You can define custom actions for models.

bundle same as bundle install bundle install installs gems

require 'minitest/autorun' describe "X" do

RSpec is a Ruby library for testing. <https://rspec.info/

RSpec is a Ruby library for testing. rspecrails is its Rails integration. <https://rspec.info/

Quick reference to some features of the Ruby programming language.

Quick reference to the [new features in Ruby 2.1](https://www.ruby-lang.org/).

A quick reference to common [rubygems](https://rubygems.org) CLI commands.

Trigger reflexes without writing any javascript with the datareflex attribute. Stimulus.js controllers registered with StimulusReflex can use the stimulate method to trigger reflexes

visit articlespath Positive Negative

Factory Bot is a helper for writing factories for Ruby tests. It was previously known as Factory Girl. For older versions, use FactoryGirl instead of FactoryBot. Factory Bot documentation (rubydoc.inf

Works in a controller or a view. This creates config/initializers/metatags.rb that you can edit.

Ronn generates Man pages. See [ronn(1)](https://rtomayko.github.io/ronn/ronn.1.html), [ronn-format(7)](https://rtomayko.github.com/ronn/ronn-format.7.html). Also see it on GitHub: [rtomayko/ronn](httpss://github.com/rtomayko/ronn).

You can use parentheses, brackets, or none at all. You can use Ruby expressions in attributes.

Loads from file.png. Writes an image to newfile.png.

DAddYE/do server = DO::Server.new('srv1', 'srv1.domain.local', 'root', :key =

Machinist is a fixture management library for Ruby. <https://github.com/notahat/machinist

Packs are a specification for an extensible packaging system to help modularize Ruby applications.

Pry is a runtime development console for Ruby. <https://github.com/pry/pry

[PSD.rb](https://github.com/layervault/psd.rb) parses Photoshop documents in Ruby.

See rack/test.rb.

Sequel is a database toolkit for Ruby. <https://github.com/jeremyevans/sequel

Essential Git commands and workflows for version control

UNIX strftime Used by Ruby, date, and more Moment.js Used by Moment.js, datefns, and more

The strftime format is the standard date formatting for UNIX. It's used in C, Ruby, and more.

Given a version number MAJOR.MINOR.PATCH: MAJOR incompatible API changes

Resolution DPPX Actual resolution DPPI Actual PPI Size Devices 320 x 480 @1x 320 x 480 163 ppi 163 ppi 3.5" iPhone 2G/3G/3GS

Adds ./src to the watch list. Adds a trigger called retest to run npm test every time .js changes in ./src.

A quick reference to common [Apache Cordova](https://cordova.apache.org/) commands.

abetterfinderattributes abetterfinderrename

This is a reference of styles that you can use on Devhints cheatsheets. How meta! You can refer to this when contributing your own cheatsheets to the [GitHub repo](https://github.com/rstacruz/cheatsheets/).

ls [options] [paths] Switch Description

Devise is a flexible authentication gem.

Divshot was a static hosting platform. <https://divshot.com/

Run figlet with f <font to use a font. Figlet comes with support for Toilet fonts, which are in {share}/figlet. This is not the default font dir, so you'll have to use d <path to access it.

<https://www.firebase.com/docs/web/api/ <https://www.firebase.com/docs/web/recipes.html

CSS: variables CSS: Allow lineheight in <input type='button'

Food delivery numbers & sites for top restaurant chains in Metro Manila. For numbers outside Metro Manila, check their websites.

// Analytics.js ga('create', 'UAXXXXY', 'auto');

Short snippets on using [Google Webfonts](https://google.com/fonts) in a web page.

A quick reference for common [Imagemagick](https://www.imagemagick.org) commands and switches.

Development deploy to an iPhone via XCode Adhoc deploy via testflightapp.com

unit(30px / 5px) = 6 unit(5, px) = 5px

$ chmod +rwx App $ ./App

<https://www.lua.org/pil/13.html <http://luausers.org/wiki/ObjectOrientedProgramming

bin := ./nodemodules/.bin stylus := $(bin)/stylus

[Nocode](https://github.com/kelseyhightower/nocode) is the best way to write secure and reliable applications. Write nothing; deploy nowhere.

This is an example nginx configuration.

PlantUML is a markup language for creating diagrams. <https://plantuml.com/

[Premailer](https://github.com/premailer/premailer/) is a Ruby library that inlines CSS into HTML.

Sign up for opensauce: http://saucelabs.com/opensauce

What Dimensions : :

aptitude search mysql Look for something dpkg S which tsclient What package does it belong to?

✈ \u2708 airplane ❄ \u2744 snowflake

Use CP WP Util Antiarmor/shield [Myth][BM] [Bonesaw][BS], [Tension][TB]

A quick reference to the [ZNC](https://znc.bg) IRC bouncer's common commands.

Vim is a very efficient text editor. This reference was made for Vim 8.0. For shortcut notation, see :help keynotation.

You can either put this in a script (script.vim) and run it (:source script.vim), or you can type the commands individually in normal mode as :let and :echo. Here's another example with functions, var

[Vim](https://www.vim.org/) is a very efficient text editor. This reference was made for Vim 8.0.

[Tabular](https://github.com/godlygeek/tabular) is a Vim script for text alignment.

Command Description :A Edit alternate

℠ ™ © ® ¶ † ‡ &ndash; ± SM TM Co Rg PI / /= +

{Visual} ⏎ activate for selection ga {motion} activate for motion/text object

Use ft=help to preview it, and ft=text to edit it. This is a cheatsheet for writing Vim help files. See: :help helpwriting

Alternate files Command Description

file/new file/async

Functions line('.') " current line number

command! YoFunctionHere call s:YoFunctionHere() nnoremap <silent x :call <SIDFunctionHere()<CR