millermedeiros

// USAGE ------
// ============

var shell = require('./shellHelper');

// execute a single shell command
shell.exec('npm test --coverage', function(err){
    console.log('executed test');
}});

dergachev

OS X Screencast to animated GIF

This gist shows how to create a GIF screencast using only free OS X tools: QuickTime, ffmpeg, and gifsicle.

Instructions

To capture the video (filesize: 19MB), using the free "QuickTime Player" application:

ttscoff

#!/usr/bin/ruby
# WebExcursions, a script for gathering new Pinboard links with a certain tag
# and generating Markdown/Jekyll posts when enough are collected.
# Brett Terpstra 2013
#
# -f to force writing out current bookmarks to file regardless of count

%w[fileutils set net/https zlib rexml/document time base64 uri cgi stringio].each do |filename|
  require filename
end

murtaugh

<figure class="quote">
	<blockquote>It is the unofficial force—the Baker Street irregulars.</blockquote>
</figure>

ffdead

/* @author 14islands.com
 * SASS mixins for future proof resolution media query
 */

@mixin if-min-resolution($dppx) {
  @include if-resolution(min, $dppx) {
    @content;
  }
}

csswizardry

#!/bin/bash

# Add `new-project` to your PATH.
# To create a new project in a directory called `foo`:
# $ new-project foo

git clone [email protected]:csswizardry/vanilla.git $1
cd $1
rm -rf .git
rm -rf css

atk

/* 
    #ie10 will only be red in MSIE 10, 
    both in high contrast (display setting) and default mode 
*/

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   #ie10 { color: red; }
}

chriseppstein

@include handhelds {
  table.responsive {
    width: 100%;
    thead {
      display: none;
    }
    tr {
      display: block;
    }
    td, th {

krisbulman

Turns a standard list into a block list; very useful for touch interfaces. Improvements welcome.

• Codepen: http://codepen.io/krisbulman/pen/zhlrs
• JSFiddle: http://jsfiddle.net/pwRqS/11/
• Ported into a mixin from inuit.css: https://github.com/csswizardry/inuit.css/blob/7dbc892f8d298795e19aeb64d1369ae3271561d1/objects/_block-list.scss

Thanks to Harry Roberts for this awesome technique.

chriscoyier

@media only screen and (min-width: 320px) {

  /* Small screen, non-retina */

}

@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (min-width: 320px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width: 320px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (min-width: 320px),