minamarkham

function emoji() {
  if (navigator.userAgent.indexOf('Mac OS X') != -1) {
    window.location.hash = "💋";
  }
};

emoji();

// only works on Macs 😞

daneden

Aspirational Dropbox SCSS Principles

This is purposefully ambitious and aspirational. Some concepts that are worth understanding in addition to the principles outlined here include:

• Object-Oriented CSS
• BEM naming methodology
• CSS Namespacing

Here’s a CodePen I’ll periodically update with the compiled CSS to use as a testing playground.

LindseyB

Node.js Resources

What is node.js?

Node.js is just JavaScript running on the server side. That's it. That's all there is to it.

Express

• Express Docs, if you want to get started and already know JavaScript this is the place to be

maxogden

var gpio = require("gpio")
var gpio22, intervalTimer

// Flashing lights if LED connected to GPIO22
gpio22 = gpio.export(22, {
  ready: blinkLED
})

function blinkLED() {
  intervalTimer = setInterval(function() {

janl

Chemex Quick Guide

Not this is rocket sience :)

Water

Fill the water heater with a finger more than 1 liter of water. Set it on its power-base, hit the button that’s all the way out on the handle. This starts the heating process. Now hit the “minus” (“-”) button so you see a red light on the 90° marker. Let it heat up. In the meantime:

Beans

stevenh512

.shadow-stuff {
  -moz-border-radius: 0% 0% 100% 100% / 0% 0% 8px 8px;
  -webkit-border-radius: 0% 0% 100% 100% / 0% 0% 8px 8px;
  border-radius: 0% 0% 100% 100% / 0% 0% 8px 8px;
  -moz-box-shadow: rgba(0,0,0,.30) 0 2px 3px;
  -webkit-box-shadow: rgba(0,0,0,.30) 0 2px 3px;
  box-shadow: rgba(0,0,0,.30) 0 2px 3px;
}

.container {

michaelparenteau

@mixin ribbon($color, $ribbon-thickness, $notch-color, $notch-side) {
  @include background-image(linear-gradient(lighten($color, 20%), darken($color, 10%)));
  @include inline-block;
  position: absolute;
  padding-#{$notch-side}: $ribbon-thickness;
  @if $notch-side == left {
    height: $ribbon-thickness;
    line-height: $ribbon-thickness;
    right: -2px;
    padding-right: 10px;

Indamix

.bended-shadow {position:relative}

.bended-shadow::before, .bended-shadow::after {
  content: '';
  position: absolute;
  width: 60%;
  height: 20px;
  -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.5);

kagemusha

Tested on: jquery-ui-1.8.16

To set up, need:
1) an HTML div enclosing the tabs (as a ul) and pages, 
2) Javascript initialization function $("..").tabs({options})

HTML:
- consists of enclosing div, a %ul which has links to pages, and tab pages as divs
- link hrefs correspond to tab page ids

lucasfais

Sublime Text 2 – Useful Shortcuts (Mac OS X)

General

⌘T	go to file
⌘⌃P	go to project
⌘R	go to methods
⌃G	go to line
⌘KB	toggle side bar
⌘⇧P	command prompt