Skip to content

Instantly share code, notes, and snippets.

Avatar

Casey Watts caseywatts

View GitHub Profile
@caseywatts
caseywatts / 0 README.md
Last active Jan 4, 2021
Accordion Keyboard Layout for FL Studio
View 0 README.md

About

FL Studio support custom layouts for the "typing keyboard to piano keyboard" feature, and I made one to represent the top four rows of an accordion! The left-hand bass side of the accordion (the stradella bass system) is laid out to make playing roots of chords and common chords very easy, and it's laid out using the circle of fifths to make the common chords (V and IV) very accessible. Here is my favorite accordion fingering chart: http://accordionscanada.com/bassrangev3.jpg

The top four rows of this FL Studio layout:

  1. The 12345 row is the third of the chord row
  2. The QWERTY row is the main root chord row - the Y key is C
  3. The ASDFG row is the major chord row
  4. The ZXCVB row is the minor chord row

Need the the seventh chord or diminished chord rows? You could make another layout yourself if you need them (and please comment it below!)

@caseywatts
caseywatts / 0 README.md
Last active Dec 16, 2020
Remove "New! Messenger App for Windows" Banner
View 0 README.md

Other gists & tricks: http://caseywatts.com/gists-and-tricks

Remove Facebook Messenger's "New! Messenger App for Windows" Banner

Bookmarklet

  1. Save this bookmarklet. Right-click on boomarks toolbar Add Page...
    • Name: Remove Messenger Banner (or whatever you like)
    • URL: (paste in the bookmarklet.js contents below)
  2. Each time you open messenger.com, click the bookmarklet and that pesky banner will be gone.
View Electron on WSL2.md

Electron is tricky to get set up on Windows Subsystem for Linux, but it can work!

Four things needed overall:

  1. you need WSL2, not WSL1
  2. you need node, of course, and that part isn't so bad
  3. you need to apt install several dependencies
  4. you need an X Server so it can display the electron GUI over in Windows-land

Setup instructions, in order:

@caseywatts
caseywatts / 0-self-publishing.md
Last active Feb 8, 2021
Self-Publishing via Markdown
View 0-self-publishing.md
@caseywatts
caseywatts / README.md
Created Feb 19, 2019
Where in the World?
View README.md
View controllers.application.js
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle'
});
@caseywatts
caseywatts / README.md
Last active Nov 15, 2018
Code of Conduct in Ember
View README.md

Todd Evanoff and I just did a quick survey of Code of Conduct in Ember plugins.

For posterity, the top 10 addons on Ember Observer as of Nov 15, 2018:

@caseywatts
caseywatts / gist:c5d840862d9693c6a8d84bd2bd83c3d3
Created Oct 12, 2018
Mirage Includes & Relationship Records
View gist:c5d840862d9693c6a8d84bd2bd83c3d3

Mirage Includes

The way mirage mocks out our included records isn't accurate currently.

An example: In a request for addon, it includes some information about the relationship to company.

The "relationship object" we get looks like

company: { id: 123 }
@caseywatts
caseywatts / jscodeshift.md
Last active Jan 31, 2020
Sharing jscodeshift codemods
View jscodeshift.md

codemod-cli is straightforward - but it's especially made for codemod projects that have multiple transforms. For a single transform, we could/should have a simpler interface for consumers.

Here are three ways to share your codemod with others. The npx methods require you npm publish the repo.

Method 1 - global install, using githubusercontent

Easiest method for the developer, especially if you only have one transform and/or if you're not using codemod-cli. This uses the github-hosted raw.githubusercontent link to run it, kinda like running it from a gist. Here's an example using ember-mocha-codemods.

npm install -g jscodeshift
@caseywatts
caseywatts / 0 README.md
Last active Feb 22, 2019
Generate Graphviz Files for Project
View 0 README.md

short url: caseywatts.com/graphviz

Graphviz is like markdown, for diagrams.

It's a tool that can transform text input into a "directed graph" output, which is nodes pointing to other nodes. You can use it for architecture diagrams, DB diagrams, documentation for users, etc.

graphviz-it

You'll want to use a tool with a two-pane layout - the left side is the source text, the right side is the image output.