Skip to content

Instantly share code, notes, and snippets.

View donbrae's full-sized avatar

donbrae

6 followers · 19 following
View GitHub Profile
@donbrae
donbrae / event-delegation.js
Last active July 17, 2022 11:26
JavaScript event delegation (vanilla JS vs jQuery)
document.addEventListener('click', function (e) {
for (let target = e.target; target && target != this; target = target.parentNode) {
if (target.matches('.foo')) {
// ⋯
e.preventDefault();
break;
} else if (target.matches('.bar')) {
// ⋯
e.preventDefault();
}
@donbrae
donbrae / Basic Adobe Illustrator keyboard shortcuts.md
Last active July 16, 2022 15:41
Useful keyboard shortcuts for Illustrator.
  • V: Selection tool
  • A: Direct Selection tool (more fine-grained selection)
  • Command + U: Smart Guides snapping on/off
  • Command + G: group selected objects
  • Command + Shift + G: ungroup selected objects
  • Tab: show/hide panels and other UI elements
  • Command + Shift + /: search all menu items (this works in all native Mac apps)
  • Command + `: cycle through tabs
  • Command + Option + P > Edit Artboards: resize drawing canvas. Drag to required size then hit Escape
@donbrae
donbrae / cool-bg-color-gradient.css
Last active July 8, 2022 08:02
Cool background gradient from https://getbootstrap.com.
.foo {
--color0: 214, 51, 132; /* --bd-pink-rgb */
--color1: 255, 255, 255; /* --bs-white-rgb */
--color2: 13, 110, 253; /* --bs-primary-rgb */
--color3: 255, 228, 132; /* --bd-accent-rgb */
--color4: 112.520718, 44.062154, 249.437846; /* --bd-violet-rgb */
background-image: linear-gradient(
180deg,
rgba(var(--color1), 0.01),
rgba(var(--color1), 1) 85%
@donbrae
donbrae / getType.js
Last active July 6, 2022 19:02
Get type of object.
// Source: https://github.com/cferdinandi/reef/commit/20e47e2b6e797e5201da1d8b2e7fb02504a25c6f#diff-26a6046c932328aabcf6b2db468298d6958105007730a04f6e1b942d7d916f07R43-R50
function getType(obj) {
return Object.prototype.toString.call(obj).slice(8, -1).toLowerCase();
}
@donbrae
donbrae / Apple Music desktop keyboard shortcuts.md
Last active July 6, 2022 18:58
Basic but useful keyboard shortcuts for the Apple Music macOS desktop client, with the ex-Spotify user in mind.
  • Command + L: go to the current song
    • I use this when I’m listening to something and searching for something else, and then want to get back to the currently playing song in the context in which I started playing it (e.g. from an album or playlist)
  • Command + F: search
    • Similar to Command + L or Command + K in Spotify
  • Command + Option + F: find in playlist
    • Similar to Spotify’s Filter function
  • Command + [: go back (à la Safari)
  • Doesn’t work universally, or at least not like it does in Safari or Spotify
@donbrae
donbrae / xhr-request.js
Last active July 5, 2022 11:54
Vanilla JS Ajax/XHR request
function XHRRequest(url, type = 'text/plain') {
const request = new XMLHttpRequest();
request.open('GET', `${url}?${new Date().getTime()}`, true);
request.setRequestHeader('Content-type', type);
request.onload = function () {
if (this.status >= 200 && this.status < 400) { // Success
console.log('Success', this.response);
} else
@donbrae
donbrae / highlight-string.html
Last active July 5, 2022 11:47
Some JavaScript for finding and highlighting a string on the page.
<!DOCTYPE html>
<html lang="en">
<head>
<title>Highlight element</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Find and highlight string" />
<style type="text/css">
html {
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Open Sans, Helvetica Neue;
@donbrae
donbrae / Nineties Man
Last active June 30, 2022 13:58
Nineties Man chord chart
Nineties Man
4/4
___ Intro
D7sus4 | Bbmaj7 | D7sus4 | Bbmaj7 :||
___ Verse
@donbrae
donbrae / pdf-page-numbers
Created August 5, 2019 10:51
Bash script to add page numbers to PDFs. Liftit frae http://forums.debian.net/viewtopic.php?t=30598#p174267.
#!/bin/sh
# we'll hide the work in a temporary directory
mkdir tmp_num
cp numbers.pdf tmp_num/.
cp newbook.pdf tmp_num/.
cd tmp_num/
# burst newbook into its component pages and extract total pages
pdftk newbook.pdf burst output book_%04d.pdf
@donbrae
donbrae / Bash cheat sheet.md
Last active June 1, 2022 06:25
A bash cheat sheet

Changing directories (cd)

cd /var/www/my_website (go to /var/www/my_website directory)

cd .. (go up a directory)

cd / (go to root directory)

cd ~ (go to home directory)