
```css
.flex {
  display: flex;
  align-items: center;
}
```

To push an element to the right – for example in a navigation – use:

```css
.pushed {
  margin-left: 0;
}
```



```css
.sticky {
  position: sticky;
  top: 0;
}
```



```bash
$ git commit --amend
$ git commit --amend -m "correct" # fix a typo
```



```bash
$ git diff # changed but not staged
$ git diff --staged # staged but not committed
```



```bash
$ git log -n 10 # last 10 commits
$ git log --oneline --graph --decorate # pretty print log
```



```bash
$ git checkout feature/name
$ git cherry-pick [hash]
$ git checkout master
$ git reset --hard HEAD~1
```



```bash
$ git mv [old-path] [new-path]
```



```bash
$ git pull # git fetch; git merge
$ git pull --rebase # git fetch; git rebase (useful when branches have diverged)
```



```bash
$ git rebase -i
$ git rebase -i HEAD~3 # last 3 commits
```



```bash
$ git branch -m [new-name] # creates a new bnrach
$ git push origin -u [new-name] # pushes new branch to remote
$ git push origin --delete [old-name] # deletes old branch on remote
```



```bash
$ git reset --mixed [hash] # move changes to unstaged area
$ git reset --hard [hash] # gets rid of changes
```



```bash
$ git restore [path]
$ git restore -p [path] # discard specific chunks
$ git restore . # discard all local changes
```



```bash
$ git revert [hash] # will create a new commit
```



```bash
$ git stash
$ git stash list
$ git stash apply # applies first stash in the stack
$ git stash apply stash@{1}
$ git stash drop stash@{1} # delete stash
```



```javascript
const arr = [1, 1, 2, 3, 5, 8];

[...new Set(arr)] // [1, 2, 3, 5, 8]
```



```javascript
let a = 10;
let b = 20;

[a, b] = [b, a];
```



```javascript
document.designMode = 'on'; // edit, then set to 'off'
```



```bash
$ upower -i /org/freedesktop/UPower/devices/battery_BAT0
```



```bash
$ npm list # draw tree for entire project
$ npm list [dependency] # for a specific dependency
$ npm list --depth=[depth] # specify depth
```



```bash
$ npm install [dependency] --save-prod
$ npm install [dependency] --save-dev
```



Using [AutoHotkey](https://www.autohotkey.com/) and the following script:

```autohotkey
; expand @@ to email address, for quick entry
::@@::example@mail.com

; en dash
!-::
Send, {ASC 0150}
return

; em dash
!+-::
Send, {ASC 0151}
return

; smart quotes
![::
Send, “
return

!]::
Send, ”
return

!+[::
Send, ‘
return

!+]::
Send, ’
return
```


Snippets

Align items vertically

Sticky element

Amend a commit

Inspect differences

Check the log

Move a commit to a different branch

Move files in a repo

Fetch from remote

Interactive rebase

Rename a branch

Reset HEAD to a specific commit

Restore a file from the index or another branch

Revert changes from a specific commit

Remove files from a repo

Stash changes for later

Remove array duplicates

Swap two variables

Toggle design mode to edit the current page

Check battery status (capacity, charging rate)

Draw a dependency tree in npm

Move dependencies

Quick entry for phrases or special characters on Windows