Skip to content

Instantly share code, notes, and snippets.

View itsbrex's full-sized avatar
🎯
focusing

Brian Roach itsbrex

🎯
focusing
94 followers · 1.1k following
View GitHub Profile
@itsbrex
itsbrex / index.html
Created March 30, 2023 07:15
Trippy Particles
<canvas id="canvas"></canvas>
@itsbrex
itsbrex / bgqzmvp.markdown
Created August 3, 2023 08:17
bGQzmVp
@itsbrex
itsbrex / resume.json
Last active August 22, 2023 22:55
{
"meta": {
"theme": "elegant"
},
"basics": {
"name": "Brian Roach",
"label": "Senior Technical Product Manager + Engineer",
"summary": "Experienced Senior Product Manager with a decade of success in driving product growth from concept to launch. Unique background product management with strong technical foundation. I can code, design, and lead cross-functional teams to deliver high-quality products. Intersted in building products that empower creators and communities. Currently exploring MIR and audio-ML for audico and video production.",
"email": "brian@itsbrex.dev",
"phone": "",
@itsbrex
itsbrex / index.html
Created September 16, 2023 18:38
Tone.js Chord Generator
<html>
<head>
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body class="bg-black p-10">
<section id="interactiveInterface" class="grid grid-cols-5 grid-rows-5 gap-4 rounded-t-xl overflow-hidden p-10">
</section>
<div id="keyContainer"></div>
@itsbrex
itsbrex / index.html
Created September 16, 2023 20:51
Neural Drum Machine
<div class="progress pink">
<div class="indeterminate white"></div>
</div>
<div class="app" style="display: none;">
<div class="sequencer">
<div class="steps"></div>
</div>
<a class="regenerate btn-floating btn-large waves-effect waves-light pink darken-2 pulse">
<i class="material-icons">refresh</i>
</a>
@itsbrex
itsbrex / index.html
Created September 16, 2023 20:52
Neural Arpeggiator
<div class="container">
<div class="machine-bg">
<div class="player"></div>
<div class="controls top-controls">
<div>
<div id="temperature" class="mdc-slider" tabindex="0" role="slider" aria-valuemin="0.2" aria-valuemax="2" aria-valuenow="1.1"
aria-label="Select temperature">
<div class="mdc-slider__track-container">
<div class="mdc-slider__track"></div>
</div>
@itsbrex
itsbrex / how-to-copy-text-to-clipboard-on-button-click.markdown
Created September 18, 2023 18:25
How to copy TEXT to Clipboard on Button-Click

How to copy TEXT to Clipboard on Button-Click

Here I'm giving a demo as to how to copy a Text directly to clicpboard without a Flash...

A Pen by Shaik Maqsood on CodePen.

License.

@itsbrex
itsbrex / toggle-arxiv-ar5iv.js
Created October 4, 2023 03:04
Toggle Between arxiv <-> ar5iv
javascript:(function()%7Bvar%20a=window.location.href;a.match(/%5Ehttps:%5C/%5C/(www%5C.)?arxiv%5C.org/)?window.location.href=a.replace(%22arxiv.org%22,%22ar5iv.labs.arxiv.org%22):a.match(/%5Ehttps:%5C/%5C/(www%5C.)?ar5iv%5C.labs%5C.arxiv%5C.org/)&&(window.location.href=a.replace(%22ar5iv.labs.arxiv.org%22,%22arxiv.org%22))%7D)();
@itsbrex
itsbrex / FuzzyJsPlus - A Comprehensive Guide to Fuzzy Matching in JavaScript.md
Last active January 6, 2024 19:28

FuzzyJsPlus: Advanced Fuzzy Matching for JavaScript Environments

#FuzzyJsPlus #FuzzyMatching #JavaScript #NodeJS #Deno #CLI #Async #FZF #Golang #WebDevelopment #TypeScript

FuzzyJsPlus is a port of the fuzzy finder command line tool FZF to JavaScript. While not as performant as its Golang counterpart, it provides fast and efficient fuzzy matching capabilities in JavaScript environments, such as Node.js and Deno, or even in the browser.

@itsbrex
itsbrex / building-sync-systems.md
Created February 5, 2024 06:43 — forked from pesterhazy/building-sync-systems.md
Building an offline realtime sync engine

So you want to write a sync system for a web app with offline and realtime support? Good luck. You might find the following resources useful.

Overview articles