Skip to content

Instantly share code, notes, and snippets.

View jedfoster's full-sized avatar

Jed Foster jedfoster

112 followers · 0 following
View GitHub Profile
@jedfoster
jedfoster / ext.vim
Last active August 29, 2015 14:11 — forked from sjl/ext.vim
" run command
" no stdin
" output displayed in "Press enter to continue" style
" current buffer untouched
:!uptime
" run command
" pipe range of text to command on stdin
" output replaces the range in the current buffer
:RANGE!grep foo
@jedfoster
jedfoster / SassMeister-input-HTML.html
Created February 1, 2015 03:07
Generated by SassMeister.com.
<div class="main">
<div class="ribbon--red">1</div>
<div class="ribbon--green">2</div>
<div class="ribbon--purple">3</div>
<div class="ribbon--orange">4</div>
<div class="ribbon--blue">50%</div>
<div class="ribbon--gray">:)</div>
<div class="ribbon--pink">!</div>
</div>
@jedfoster
jedfoster / index.html
Created February 3, 2015 17:04
Twitter // source http://jsbin.com/xewedumusi
<style id="jsbin-css">
svg a {
-webkit-transition: background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease, text-shadow 0.25s ease, fill 0.25s ease;
-moz-transition: background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease, text-shadow 0.25s ease, fill 0.25s ease;
-o-transition: background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease, text-shadow 0.25s ease, fill 0.25s ease;
transition: background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease, text-shadow 0.25s ease, fill 0.25s ease;
}
svg {
fill: dimgray;
@jedfoster
jedfoster / index.html
Created February 4, 2015 21:47
// source http://jsbin.com/hosadu
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="http://builds.handlebarsjs.com.s3.amazonaws.com/handlebars-v2.0.0.js"></script>
<script src="http://builds.emberjs.com/tags/v1.9.0/ember.js"></script>
<meta charset="utf-8">
<title>JS Bin</title>
</head>
<body>
@jedfoster
jedfoster / SassMeister-input-HTML.jade
Last active August 29, 2015 14:15
Generated by SassMeister.com.
section
.one-half
.one-half
section
.two-thirds
.one-third
section
.three-quarters
@jedfoster
jedfoster / SassMeister-input.scss
Last active August 29, 2015 14:18
Generated by SassMeister.com.
// ----
// libsass (v3.2.5)
// ----
// In response to https://twitter.com/jed_foster/status/582955571428483072
// Notice how this doesn't suck.
// Align an object with absolute positioning
@jedfoster
jedfoster / SassMeister-input-HTML.haml
Last active August 29, 2015 14:18
Generated by SassMeister.com.
- filters = {
- city: { title: 'City',
values: {
- sea: 'Seattle',
chi: 'Chicago',
pdx: 'Portland' }
- },
stack: { title: 'Stacks',
values: {
- js: 'JavaScript',
@jedfoster
jedfoster / SassMeister-input-HTML.jade
Last active August 29, 2015 14:18
Generated by SassMeister.com.
- var filters = { city: { title: 'City', values: {sea: 'Seattle', chi: 'Chicago', pdx: 'Portland' } }, stack: { title: 'Stacks', values: { js: 'JavaScript', ruby: 'Ruby on Rails', python: 'Python', ios: 'iOS Development', ux: 'Web UI Development' } }, experience: { title: 'Experience Level', values: { exp1: 'Beginner', exp2: 'Intermediate', exp3: 'Advanced' } }, quarter: { title: 'Start Date', values: { q1: 'Winter', q2: 'Spring', q3: 'Summer', q4: 'Fall' } }, format: { title: 'Format', values: {full: 'Full Time', part: 'Part Time' } } };
#filters
h1 Filter By
section
each data, filter in filters
h2= data.title
@jedfoster
jedfoster / SassMeister-input-HTML.jade
Last active August 29, 2015 14:22
Generated by SassMeister.com.
.block
- var n = 0
while n < 25
.element= n++
@jedfoster
jedfoster / webkitmediasource-is-type-supported.html
Last active September 1, 2015 13:53 — forked from granoeste/webkitmediasource-is-type-supported.html
[JavaScript][HTML5][MediaSource] MediaSource.isTypeSupported
<!DOCTYPE html>
<html>
<head>
<script>
window.MediaSource = window.MediaSource || window.WebKitMediaSource;
function testTypes(types) {
for (var i = 0; i < types.length; ++i)
console.log("MediaSource.isTypeSupported(" + types[i] + ") : " + MediaSource.isTypeSupported(types[i]));
}