Skip to content

Instantly share code, notes, and snippets.

View moonsflow's full-sized avatar

Daniel Moon moonsflow

1 follower · 0 following
View GitHub Profile
@moonsflow
moonsflow / gist:2dce792fd675e9f221b1
Created December 31, 2015 01:27 — forked from ghalusa/gist:5485982
Install node.js on a raspberry pi
wget http://nodejs.org/dist/v0.10.5/node-v0.10.5-linux-arm-pi.tar.gz
cd /usr/local
sudo tar xzvf ~/node-v0.10.5-linux-arm-pi.tar.gz --strip=1
vi ~/.bash_aliases
export PATH=$PATH:/usr/local/bin/node
bash
node -v
@moonsflow
moonsflow / gulpfile.js
Created June 4, 2015 08:21
gulpfile generated by yo generator
/*global -$ */
'use strict';
// generated on 2015-06-03 using generator-gulp-webapp 0.3.0
var gulp = require('gulp');
var $ = require('gulp-load-plugins')();
var browserSync = require('browser-sync');
var reload = browserSync.reload;
gulp.task('styles', function () {
return gulp.src('app/css/main.scss')
@moonsflow
moonsflow / mixin.sass
Created April 17, 2015 03:00
@import "easing"
// === BASE ============================================
$base-font-size: 16
@function emCalc($pixel, $context:$base-font-size)
@return $pixel / $context + 0em
@moonsflow
moonsflow / index
Created August 13, 2014 01:42
<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/main.css">
@moonsflow
moonsflow / blank.html
Created July 12, 2013 04:34
blank html
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Blank Project</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
@moonsflow
moonsflow / Compass Project
Created July 9, 2013 12:43
Create a Compass project on a existing project. (http://compass-style.org/install/)
compass install compass --syntax sass --sass-dir "sass" --css-dir "css" --javascripts-dir "js" --images-dir "img"
@moonsflow
moonsflow / gist:5779770
Created June 14, 2013 06:00 — forked from nickawalsh/gist:2923581
/* Sample usage: +caret(bottom, 8px, #000); */
=caret($side, $size, $color)
$opposite: opposite-position($side)
+stretch(50%,auto,auto,50%)
border: $size solid transparent
border-#{$opposite}: $size solid $color
border-#{$side}: 0
content: ''
display: block
@moonsflow
moonsflow / icons.sass
Created June 14, 2013 05:54 — forked from nickawalsh/icons.sass
@import compass
$icons: sprite-map("icons/*.png")
$icons-hd: sprite-map("icons-hd/*.png")
i
background: $icons
display: inline-block
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi)
background: $icons-hd
@moonsflow
moonsflow / handlebars.object_helpers.js
Created May 28, 2013 05:15 — forked from strathmeyer/handlebars.object_helpers.js
// HELPER: #key_value
//
// Usage: {{#key_value obj}} Key: {{key}} // Value: {{value}} {{/key_value}}
//
// Iterate over an object, setting 'key' and 'value' for each property in
// the object.
Handlebars.registerHelper("key_value", function(obj, fn) {
var buffer = "",
key;
@moonsflow
moonsflow / _easing.sass
Created May 9, 2013 14:50
Ceaser CSS Easing Mixin for Sass
$easeInCubic : cubic-bezier(0.550, 0.055, 0.675, 0.190)
$easeOutCubic : cubic-bezier(0.215, 0.610, 0.355, 1.000)
$easeInOutCubic : cubic-bezier(0.645, 0.045, 0.355, 1.000)
$easeInCirc : cubic-bezier(0.600, 0.040, 0.980, 0.335)
$easeOutCirc : cubic-bezier(0.075, 0.820, 0.165, 1.000)
$easeInOutCirc : cubic-bezier(0.785, 0.135, 0.150, 0.860)
$easeInExpo : cubic-bezier(0.950, 0.050, 0.795, 0.035)
$easeOutExpo : cubic-bezier(0.190, 1.000, 0.220, 1.000)