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
@mhulse
mhulse / accordionism.css
Last active February 5, 2017 06:20
Accordion css and javascript using checkboxes and radio options.
/* Bare minimum styling to get ball rolling: */
.accordionism > div > input[type="radio"],
.accordionism > div > input[type="checkbox"] { display: none; }
.accordionism > div > label {
position: relative;
display: block;
cursor: pointer;
cursor: hand;
}
.accordionism > div > label:after {
Loading
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');