Skip to content

Instantly share code, notes, and snippets.

View mhulse's full-sized avatar
👋
👁 ❤️ open source software …

Michael Hulse mhulse

👋
👁 ❤️ open source software …
  • Instructure Inc.
  • Eugene, Oregon
View GitHub Profile
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@mhulse
mhulse / +make-gmail-font-size-larger.user.js
Last active November 4, 2016 17:57
+make-gmail-font-size-larger.user.js: Firefox GreaseMonkey or Chrome Tampermonkey script: Make Gmail font size larger because it sucks by default.
// ==UserScript==
// @name Gmail Font Size Changer
// @namespace http://mky.io
// @include https://mail.google.com/mail*
// @description Make Gmail font size larger because it sucks by default.
// @grant none
// @version 201607282
// ==/UserScript==
(function() {
@mhulse
mhulse / Async image processing with node.js
Created October 1, 2016 18:57
Asynchronous ImageMagick processing using Node.js.
let commands = {};
commands['make title text with drop shadow'] = `
convert \
-background none \
-font "Roboto Condensed/RobotoCondensed-Regular.ttf" \
-pointsize 500 \
-gravity Center \
-interline-spacing -30 \
-bordercolor none \
-strokewidth 16 \
@mhulse
mhulse / slideshow.css
Created September 30, 2016 18:15
Simple slideshow example using jquery (depends on imagesLoaded library).
/*#slideshow { display: none; }
@media (min-width: 48em) { */
#slideshow {
display: block;
background-position: center top;
background-repeat: no-repeat;
-webkit-background-size: cover;
-khtml-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
@mhulse
mhulse / styles.less
Last active January 17, 2017 16:41
My latest Atom style sheet ...
.indent-guide-improved {
background-color: fade(white, 5%);
&.indent-guide-stack {
background-color: fade(cyan, 20%);
&.indent-guide-active {
background-color: fade(yellow, 20%);
}
}
}
@mhulse
mhulse / icml.bash
Created August 5, 2016 04:42
Bash script to convert .epub (x)HTML into .icml files; used to get ebooks into Indesign. http://indesignsecrets.com/ebook-production-backwards-from-epub-to-indesign.php
#!/usr/bin/env bash
function init() {
dlxsl && transform
}
function dlxsl() {
@mhulse
mhulse / javascript-plugin-patterns-FOUND-protoytpe-newed.js
Last active May 16, 2021 14:45
Some of my favorite JavaScript plugin design patterns: The Facade Pattern, The Revealing Module Pattern, Immediately-invoked Function Expressions (IIFE)s, The Module Pattern imports and exports
// http://callmenick.com/post/slide-and-push-menus-with-css3-transitions
(function(window) {
'use strict';
/**
* Extend Object helper function.
*/
function extend(a, b) {
@mhulse
mhulse / test.bash
Created June 24, 2016 06:15
Testing some shit.
#!/usr/bin/env bash
open -b com.adobe.illustrator /Users/mhulse/github/mhulse/test/test.jsx
echo 'Done!'
exit 0
@mhulse
mhulse / test.jsx
Last active June 24, 2016 05:48
Opening JSX file using PHP’s exec() and Adobe Illustrator’s bundle identifier …
#target illustrator
alert('OMG');
@mhulse
mhulse / test.html
Last active June 14, 2016 20:38
Experimenting with CSS layout stuff. Inspired by "Laziness in the Time of Responsive Design by Ethan Marcotte" https://vimeo.com/165061923#t=1076s | This is a work in progress: NONE OF THIS CODE IS FUNCTIONAL (yet)!
<div class="row">
<div class="col" style="min-height: 100px; background: #ccc"></div>
<div class="col" style="min-height: 100px; background: #ccc"></div>
<div class="col" style="min-height: 100px; background: #ccc"></div>
<div class="col" style="min-height: 100px; background: #ccc"></div>
<div class="col" style="min-height: 100px; background: #ccc"></div>
<div class="col" style="min-height: 100px; background: #ccc"></div>
<div class="col" style="min-height: 100px; background: #ccc"></div>
<div class="col" style="min-height: 100px; background: #ccc"></div>