Skip to content

Instantly share code, notes, and snippets.

@rareyman
rareyman / midi-tempo-broadcast.py
Last active January 2, 2024 17:21
Running this script will start a tempo and broadcast it to the Arturia KeyStep 37, then wait for you to enter "s" to stop the clock. Example: `python midi-tempo-broadcast.py 125` to set BPM to 125.
# MIDI Tempo Broadcast
# Ross A. Reyman • soundcloud.com/r89music
# This script broadcasts a MIDI clock signal to hardware devices.
#
# prerequisites:
# - Python 3+
# - install Mido `pip install mido`
#
# Run this script with:
# `python midi-tempo-broadcast.py` OR
<!DOCTYPE html>
<!-- http://paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]> <html class="ie ie6 lte9 lte8 lte7"> <![endif]-->
<!--[if IE 7]> <html class="ie ie7 lte9 lte8 lte7"> <![endif]-->
<!--[if IE 8]> <html class="ie ie8 lte9 lte8"> <![endif]-->
<!--[if IE 9]> <html class="ie ie9 lte9"> <![endif]-->
<!--[if gt IE 9]> <html> <![endif]-->
<!--[if !IE]><!-->
<html>
<!--<![endif]-->

Things for Style Guide

@rareyman
rareyman / countries select element
Created June 5, 2013 22:39
HTML snippet of code for <select> element with countries
<select name="country">
<optgroup label="">
<option value="United States">United States</option>
<option value="United Kingdom">United Kingdom</option>
<option value="Afghanistan">Afghanistan</option>
<option value="Albania">Albania</option>
<option value="Algeria">Algeria</option>
<option value="American Samoa">American Samoa</option>
<option value="Andorra">Andorra</option>
<option value="Angola">Angola</option>
@rareyman
rareyman / Snippet: HTML5
Created October 31, 2012 18:34
HTML5 starter code
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title> </title>
<link href="css/master.css" rel="stylesheet" type="text/css" media="all" />
<style type="text/css" media="screen">
/* internal stylesheet */
</style>
</head>
@rareyman
rareyman / Quick Background Noise CSS
Created October 31, 2012 09:03
Snippet: Background Noise
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAUVBMVEWFhYWDg4N3d3dtbW17e3t1dXWBgYGHh4d5eXlzc3OLi4ubm5uVlZWPj4+NjY19fX2JiYl/f39ra2uRkZGZmZlpaWmXl5dvb29xcXGTk5NnZ2c8TV1mAAAAG3RSTlNAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEAvEOwtAAAFVklEQVR4XpWWB67c2BUFb3g557T/hRo9/WUMZHlgr4Bg8Z4qQgQJlHI4A8SzFVrapvmTF9O7dmYRFZ60YiBhJRCgh1FYhiLAmdvX0CzTOpNE77ME0Zty/nWWzchDtiqrmQDeuv3powQ5ta2eN0FY0InkqDD73lT9c9lEzwUNqgFHs9VQce3TVClFCQrSTfOiYkVJQBmpbq2L6iZavPnAPcoU0dSw0SUTqz/GtrGuXfbyyBniKykOWQWGqwwMA7QiYAxi+IlPdqo+hYHnUt5ZPfnsHJyNiDtnpJyayNBkF6cWoYGAMY92U2hXHF/C1M8uP/ZtYdiuj26UdAdQQSXQErwSOMzt/XWRWAz5GuSBIkwG1H3FabJ2OsUOUhGC6tK4EMtJO0ttC6IBD3kM0ve0tJwMdSfjZo+EEISaeTr9P3wYrGjXqyC1krcKdhMpxEnt5JetoulscpyzhXN5FRpuPHvbeQaKxFAEB6EN+cYN6xD7RYGpXpNndMmZgM5Dcs3YSNFDHUo2LGfZuukSWyUYirJAdYbF3MfqEKmjM+I2EfhA94iG3L7uKrR+GdWD73ydlIB+6hgref1QTlmgmbM3/LeX5GI1Ux1RWpgxpLuZ2+I+IjzZ8wqE4nilvQdkUdfhzI5QDWy+kw5Wgg2pGpeEVeCCA7b85BO3F9DzxB3cdqvBzWcmzbyMiqhzuYqtHRVG2y4x+KOlnyqla8AoWWpuBoYRxzXrfKuILl6SfiWCbjxoZJUaCBj1
<div id="master">
<h2>blah</h2>
<p>lorem</p>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
<div id="master">
<h2 id="title">blah</h2>
<p class="something">lorem</p>
<ul id="navigation">
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
@rareyman
rareyman / main.css
Created October 25, 2012 23:18 — forked from anonymous/main.css
all css
body,h1,h2,h3,p,quote,small,form,input,ul,li,ol,label{
/* Page reset */
margin:0px;
padding:0px;
}
body{
font-family: Lucida Grande, Arial, Helvetica, sans-serif;
background:url(images/containerbg.jpg) no-repeat;
@rareyman
rareyman / gist:3875762
Created October 11, 2012 21:54
bxslider
//$('#slider1').bxSlider();
// assign the slider to a variable
var slider = $('#slider1').bxSlider({
controls: false
});
// assign a click event to the external thumbnails
$('.thumbs a').click(function(){
var thumbIndex = $('.thumbs a').index(this);