drublic

@main-font-size: 16px;

.x-rem (@property, @value) {

  // This is a workaround, inspired by https://github.com/borodean/less-properties
  @px-fallback: @value * @main-font-size;
  -: ~`(function () { return ';@{property}: @{px-fallback}'; }())`;
  -: ~`(function () { return ';@{property}: @{value}rem'; }())`;
}

cwerner1

@import "compass/utilities/sprites/base"
@import "compass/css3/inline-block"
@import "compass/css3/background-size"

@mixin retina-sprite($folder)
  $sprites: sprite-map("#{$folder}/*.png")
  // Generates a sprite containing every icon in the supplied folder.
  $sprites-2x: sprite-map("#{$folder}@2x/*.png")
  // Generates a second sprite containing every icon @2x resolution.

benknight

#!/bin/bash
# BrowserStack SSH Tunnel Setup

# Find your key by logging into BrowserStack and finding your command line tunnel setup info
KEY=YOUR_KEY_HERE

# Add your internal hosts here
INTERNAL_HOSTS=( dev alpha beta whatever whocares )

for host in ${INTERNAL_HOSTS[@]} ; do

snipe

100 Continue (in bed) 
101 Switching Protocols (in bed) 
102 Processing  (in bed) 
200 OK (in bed) 
201 Created (in bed) 
202 Accepted (in bed) 
203 Non-Authoritative Information  (in bed) 
204 No Content (in bed) 
205 Reset Content (in bed) 
206 Partial Content (in bed) 

czottmann

/*jshint asi: false, bitwise: false, boss: false, curly: true, debug: false,
  eqeqeq: true, eqnull: false, evil: false, forin: false, immed: true,
  laxbreak: true, newcap: true, noarg: true, noempty: false, nonew: false,
  nomen: false, onevar: true, passfail: false, plusplus: false, regexp: false,
  undef: true, sub: true, strict: false, white: false, browser: true,
  devel: true */
/*globals define: false, window: false, jQuery: false */


var scripts = [],

chriseppstein

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

evilmarty

If like me you find it frustrating to define the same vendor prefixes over and over again. Sure, you might create mixins that help reduce the amount of repetitiveness but when your mixins file becomes a library (or not) you see so many lines of near-identical code and wonder if there is an easier way.

Say you have this (all-too familiar) mixin:

@mixin border-radius($radius) {
  -webkit-border-radius: $radius;
  -moz-border-radius: $radius;
  -ms-border-radius: $radius;
 -o-border-radius: $radius;

cbetta

git mv readme.md readme.md.temp
git mv readme.md.temp README.md

domenic

This article has been given a more permanent home on my blog. Also, since it was first written, the development of the Promises/A+ specification has made the original emphasis on Promises/A seem somewhat outdated.

You're Missing the Point of Promises

Promises are a software abstraction that makes working with asynchronous operations much more pleasant. In the most basic definition, your code will move from continuation-passing style:

getTweetsFor("domenic", function (err, results) {
 // the rest of your code goes here.

jlong

//
// Sass rotation mixin for IE6+
//

@mixin ms-rotate($degrees) {
  @if (not unitless($degrees)) { $degrees: $degrees / 1deg }
  $deg2rad: pi() * 2 / 360;
  $radians: $degrees * $deg2rad;
  $costheta: cos($radians);
  $sintheta: sin($radians);