bzerangue

Verify and Repair Disk Permissions via Terminal (Mac OS X)

Verify Permissions

diskutil verifyPermissions /

Repair Permissions

diskutil repairPermissions /

eprothro

Overview

The below Sass+Compass/Ruby can be used to:

• Generate retina and non-retina sprite maps
• Allow a single style class to provide retina and non-retina support, per image
• Automatically generate those sprite style classes

Example markup for a retina supported menu button:

%a.icon-hamburger

kaelig

CSS Coding Styleguide

• Use 2 spaces for indentation
• Avoid descendent selectors (.my-module p {…})
• With Sass avoid nesting too deeply
• Avoid attaching classes to elements (div.category {…})
• Avoid !important !!!
• Use percentages and box-sizing when possible
• Rely on the component library
• Try not to write any CSS if you can

estahn

@mixin all-retina-sprites($map, $map2x) {
  @media (min--moz-device-pixel-ratio: 1.5),
    (-o-min-device-pixel-ratio: 3/2),
    (-webkit-min-device-pixel-ratio: 1.5),
    (min-device-pixel-ratio: 1.5),
    (min-resolution: 1.5dppx) {

    $base-class: sprite-map-name($map);

    .#{$base-class}-all-retina-sprites {

stolsma

These instructions work for the Raspberry Pi running Raspbian (hard float) and create a hardware optimized version of NodeJS for the Raspberry PI, (and include a working install and NPM!!!):

1. Install Raspbian - http://www.raspberrypi.org/downloads

2. Install the necessary dependecies:

sudo apt-get install git-core build-essential

(If you just installed git then you need to administer your git identity first, else adding the patches below will fail!!!)

paulirish

{
  "// my options for SublimeLinter " : "//",
  "jshint_options" : {
    "boss": true,
    "browser": true,
    "curly": false,
    "devel": true,
    "eqeqeq": false,
    "eqnull": true,

mrdanadams

/* See http://mrdanadams.com/2012/pixel-ems-css-conversion-sass-mixin/ */

/* Default font size in pixels if not overridden. */
$baseFontSize: 16;

/* Convert PX units to EMs.
Ex: margin-right: pem(16);
*/
@function pem($pxval, $base: $baseFontSize) {
  @return #{$pxval / $base}em;

timkelty

# Note that while this file is in our config folder, it is
# symlinked to our site folders, so paths are relative from there

# Require gems and Compass plugins
# require 'rgbapng'
# require 'compass-fancybox-plugin'
require 'compass-growl'

# General
output_style = :expanded

paulirish

// http://paulirish.com/2011/requestanimationframe-for-smart-animating/
// http://my.opera.com/emoller/blog/2011/12/20/requestanimationframe-for-smart-er-animating

// requestAnimationFrame polyfill by Erik Möller. fixes from Paul Irish and Tino Zijdel

// MIT license

(function() {
    var lastTime = 0;
    var vendors = ['ms', 'moz', 'webkit', 'o'];

ahume

function WorkerPool(url) {
    this.url = url;
    this.pool = [];
}
WorkerPool.prototype.getWorker = function() {
    var w;
    if (this.pool.length > 0) {
        w = this.pool.pop();
    } else {
        w = new Worker(this.url);