Skip to content

Instantly share code, notes, and snippets.

View scooooooooby's full-sized avatar
🍊
undefined object

Helen scooooooooby

🍊
undefined object
View GitHub Profile
@mixin keyframe($animation) {
@-webkit-keyframes #{$animation} {
@content;
}
@-moz-keyframes #{$animation} {
@content;
}
@keyframes #{$animation} {
@scooooooooby
scooooooooby / full-size-photo-mixin.scss
Created April 26, 2014 02:08
Full size background images
@mixin full-size-images($background) {
min-height: 700px; // Customize as you wish
width: 100%;
display: block;
background: url($background) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
@media only screen and (max-width: 960px) {
@scooooooooby
scooooooooby / debug.scss
Created October 28, 2014 13:43
Debug Sass
$test: tomato;
.selector {
background-color: $test;
}
@scooooooooby
scooooooooby / new-post.sh
Last active October 26, 2015 01:11
Create Jekyll posts with their YAML matter quickly from the command line.
#!/bin/bash
echo "Title of post:"
read title
echo "Description of post:"
read description
echo "Tag post:"
read tags
@scooooooooby
scooooooooby / commit-on-save.sh
Last active August 29, 2015 14:16
AutoCommand: Prompt for commit message on save (Vim)
autocmd BufWritePost * let message = input('Commit message: ', '' . expand('')) | execute ':silent ! if git rev-pars e --git-dir > /dev/null 2>&1 ; then git add % ; git commit -m ' . shellescape(message, 1) . '; fi > /dev/null 2>&1'
@scooooooooby
scooooooooby / repeating-animation.coffee
Created April 1, 2015 01:05
Repeating Animation, FramerJS
# Repeating Animations.
layerA = new BackgroundLayer({ backgroundColor:"#2DD7AA" })
whiteSquare = new Layer
x: 100,
width: 250,
height: 250,
backgroundColor: "white",
scale: 1,
@scooooooooby
scooooooooby / starry-night
Created June 10, 2015 02:33
Starry Night array
var starry_night = [
(28, 84, 114), (28, 84, 114), (28, 84, 114), (249, 237, 60), (249, 237, 60), (12, 70, 102), (12, 70, 102), (186, 220, 211), (12, 70, 102), (12, 70, 102), (12, 70, 102), (193, 223, 173), (193, 223, 173), (38, 101, 127), (38, 101, 127), (38, 101, 127), (38, 101, 127), (38, 101, 127), (38, 101, 127), (38, 101, 127), (38, 101, 127), (13, 85, 144), (13, 85, 144), (13, 85, 144), (13, 85, 144), (13, 85, 144), (13, 85, 144), (13, 85, 144), (13, 85, 144), (13, 85, 144), (13, 85, 144), (13, 85, 144),
(55, 139, 189), (55, 139, 189), (55, 139, 189), (249, 237, 60), (249, 237, 60), (55, 139, 189), (17, 48, 28), (55, 139, 189), (55, 139, 189), (55, 139, 189), (55, 139, 189), (193, 223, 173), (193, 223, 173), (249, 237, 60), (28, 117, 176), (28, 117, 176), (28, 117, 176), (28, 117, 176), (28, 117, 176), (249, 237, 60), (249, 237, 60), (13, 85, 144), (13, 85, 144), (13, 85, 144), (13, 85, 144), (13, 85, 144), (249, 243, 154), (249, 243, 154), (249, 243, 154), (249, 243, 154), (249, 243, 154), (185,

So, wanted to write-up my thoughts on this not-in-a-tweet because I think it's both A) important for us as designers to be very, very good at being empathetic and B) I think it's important for us as humans to be very, very good at being empathetic. Here's the original tweet:

Every time I buy/give some food for a homeless person in New York they seem so disappointed. 😕

My reply:

@schneidertobias unless they're asking for food, food might not be what they need in that moment.

Response:

var gulp = require('gulp');
var sass = require('gulp-sass');
var sheetify = require('sheetify');
var minifyCSS = require('gulp-minify-css');
gulp.task('sass', function () {
gulp.src(config.src)
.pipe(sass({
includePaths: ['sass'].concat(neat)
}))
@scooooooooby
scooooooooby / mozilla-svg-license.sublime-snippet
Created February 4, 2016 19:24
Mozilla SVG License Sublime Snippet
<snippet>
<content><![CDATA[
<!-- This Source Code Form is subject to the terms of the Mozilla Public
- License, v. 2.0. If a copy of the MPL was not distributed with this
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
]]></content>
<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
<tabTrigger>moz-l</tabTrigger>
<!-- Optional: Set a scope to limit where the snippet will trigger -->
<!-- <scope>text.svg</scope> -->