Skip to content

Instantly share code, notes, and snippets.

Ethan Muller ethanmuller

Block or report user

Report or block ethanmuller

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
View keybase.md

Keybase proof

I hereby claim:

  • I am ethanmuller on github.
  • I am ethanmuller (https://keybase.io/ethanmuller) on keybase.
  • I have a public key ASAjZGtOwScXwcXL6-1xgKbJo_5_7W7qUiF01yQcJ6ptbwo

To claim this, I am signing this object:

View bogus-vs-beautiful.css
/* BOGUS */
input:checked {
/* Adds a 5px border to bottom of this element */
border-bottom: 5px solid green;
}
/* BEAUTIFUL */
input:checked {
/* Adds "selected" indicator to this element */
border-bottom: 5px solid green;
@ethanmuller
ethanmuller / 0_reuse_code.js
Created Nov 6, 2013
Here are some things you can do with Gists in GistBox.
View 0_reuse_code.js
// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console
@ethanmuller
ethanmuller / example-1.scss
Last active Dec 25, 2015
A post on how to name media queries, why you'd want to, and the reasoning behind it.
View example-1.scss
$bp-header-split: 32em;
header {
h1 {
@media (min-width: $bp-header-split){
float: left;
}
}
h2 {
@media (min-width: $bp-header-split){
View init.sh
function sb_init {
local RED="\033[0;31m"
local NC="\033[0m"
if [ ! $# == 1 ]; then
echo -e "${RED}Please specify a project name.${NC}"
echo -e "Usage: init project-name\n"
else
if ! type "ruby" > /dev/null; then
echo -e "${RED}Please install Ruby:${NC}"
View init_installer.sh
#!/bin/bash
PROFILE=~/.bashrc
curl -sSL https://gist.github.com/raw/4673740/init.sh >> "$PROFILE"
echo "Sparkbox init function appended to $PROFILE"
echo 'Run "sb_init [project-name]" to get started!'
exec bash
View Readme
This mixin requires three arguments: the standard definition sprite map, the hd sprite map, and the icon you want to use.
Optionally, you can give it X and Y offsets to position it, a width to resize it, or you can center it on the X axis, Y axis, or both.
Use it something like this:
// Create sprite maps
// (Just do this once per sprite sheet)
$general-sd: sprite-map("icons/general/*.png", $spacing: 30px);
$general-hd: sprite-map("hd/icons/general/*.png", $spacing: 60px);
@ethanmuller
ethanmuller / Readme
Created Nov 8, 2012
HD Sprite Mixin
View Readme
This mixin requires three arguments: the standard definition sprite map, the hd sprite map, and the icon you want to use.
Optionally, you can give it X and Y offsets to position it, a width to resize it, or you can center it on the X axis, Y axis, or both.
Use it something like this:
// Create sprite maps
// (Just do this once per sprite sheet)
$general-sd: sprite-map("icons/general/*.png", $spacing: 30px);
$general-hd: sprite-map("hd/icons/general/*.png", $spacing: 60px);
@ethanmuller
ethanmuller / Vimnastics Fig. 1
Created Sep 21, 2012
Vimnastics: Writing Repetitive Markup in Vim
View Vimnastics Fig. 1
<select>
<option value="100">$100</option>
<option value="200">$200</option>
<option value="300">$300</option>
<!-- and so on... -->
</select>
You can’t perform that action at this time.