daneden

/* Glossy overlay */

html {
	min-height: 100%;
	background: linear-gradient(#000, #445);
}

figure {
	width: 162px;
	height: 162px;

wycats

Routing in Ember

In Ember, the application's state manager handles routing. Let's take a look at a simple example:

App.stateManager = Ember.StateManager.create({
  start: Ember.State.extend({
    index: Ember.State.extend({
      route: "/",

mirisuzanne

nav {
  float: left;
  width: columns(4) + gutter()*.5; // the outer two just need half a gutter added.
  &:nth-child(2) { width: columns(4) + gutter(); } // the middle needs a full gutter (half on each side).
  @include nth-omega(3); // you might not need this, but it may help keep things clean.
}

KuraFire

@function rgbaa($args...) {

  // rgbaa(#FFF, .5)
  @if length($args) == 2 {
    $hex: nth($args, 1);
    $alpha: nth($args, 2);
    @if $oldIE == 1 {
      @return rgb(red($hex), green($hex), blue($hex));
    } @else {
      @return rgba(red($hex), green($hex), blue($hex), $alpha);

antsa

// A mixin for media queries: @mq
//
// Use with keywords in $medias array:
// @include mq($media: iphone) {
//  ...
// }
// 
// Use with manual queries:
// @include mq("all and (min-width:33em)") {
//  ...

plapier

Sass Mixin for typekit variation-specific font-family names
Typekit IE6-8 Support (http://help.typekit.com/customer/portal/articles/6855-Using-multiple-weights-and-styles)

$lucida-grande: "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
$georgia: Georgia, Cambria, "Times New Roman", Times, serif;


// Must include fallbacks for EACH typekit font — set them each as variables
//************************************************************************//
$typekit-fonts:     "source-sans-pro", "ff-tisa-web-pro";  // index [1, 2]

bdkjones

In early November, 2012, Apple issued a graphics update for all mid-2012 MacBooks. In a continued streak of stupidity, however, this update forces your Mac to use "Safe Sleep". This means that the entire contents of your RAM is written to your disk every time you put your Mac to sleep.

This is retarded on the scale of the Titanic's navigational plan for two reasons:

1) Your Mac likely has 8 or 16GB of RAM. This is a ton of wasted disk space; especially on MacBook Airs that ship with only 256GB SSDs to begin with.

2) SSDs wear out as you write to them. Each cell of a SSD can only be written to a certain number of times before it becomes read-only. If you put your computer to sleep many times a day, OS X is slowly but surely destroying your SSD with unneeded write cycles.

Worst of all, the graphics update makes it IMPOSSIBLE to turn off safe sleep using the standard approach you'll find on Google:

kimroen

/* ----------------------------------------------------------------------- */
/*                                                                         */
/* Improved upon a mixin from 37signals and combined                       */
/* with these numbers from marc.                                           */
/*                                                                         */
/* 37signals-version:                                                      */
/* http://37signals.com/svn/posts/3271-easy-retina-ready-images-using-scss */
/*                                                                         */
/*                                                 @kimroen                */
/*                                                                         */

gruber

// javascript:var%20style%20=%20%27*%20{-webkit-font-smoothing:%20auto%20!important}%27;var%20link_element%20=%20document.createElement(%27link%27);link_element.rel%20=%20%27stylesheet%27;link_element.href%20=%20%27data:text/css,%27%20+%20escape(style);document.getElementsByTagName(%22head%22)[0].appendChild(link_element);

var style = '* {-webkit-font-smoothing: auto !important}';
var link_element = document.createElement('link');
link_element.rel = 'stylesheet';
link_element.href = 'data:text/css,' + escape(style);
document.getElementsByTagName("head")[0].appendChild(link_element);

daneden

$base-font-size: 125%;

@mixin rem-font-size($sizeValue: 1){
  font-size: ($sizeValue * (16 * ($base-font-size / 100))) + px;
	font-size: $sizeValue + rem;
}

@mixin rem-margin-bottom($sizeValue: 1){
	margin-bottom: ($sizeValue * (16 * ($base-font-size / 100))) + px;
	margin-bottom: $sizeValue + rem;