danparsons

How to stream the London 2012 Olympics

There have been several HOWTOs posted regarding streaming the 2012 Olympics using HTTP / SOCKS proxies via SSH and other similar methods. None of these actually work using the latest Flash on Mountain Lion (with Firefox, Chrome or Safari). Additionally, the third-party streaming sites don't provide BBC's amazing interface, which lets you quickly skip to individual competitors and events. However, setting up an OpenVPN server does work, with some tweaks. You'll get the exact same UX that people in England receive.

• Get a Linode VM in the UK. The 512MB server for $20 works just fine. (If you want to use my referral link, go for it: http://bit.ly/OuzdVe)

• Follow the standard OpenVPN installation documentation. (Basically, 'apt-get install openvpn' or 'yum install openvpn' and then follow these docs: http://openvpn.net/index.php/open-source/documentation/howto.html). For an OS X client, I prefer Viscosity: http://www.thesparklabs

wuputah

#!/bin/bash
# ./clone-db COLOR from-app to-app plan
#
# example:
#   ./clone-db COBALT my-production-app my-staging-app crane 
#
# The COLOR is used for a grep on your config var output, so make sure it's unique.

color=$1
src=$2

andreasbovens

Intro

http://socialdriver.com/2012/07/20-best-responsive-websites/ lists 20 sites that are supposedly best-in-class when it comes to responsive design techniques. I had a look at the viewport meta tags used in these sites.

Findings

• All sites use width=device-width, with in most cases an additional initial-scale=1. This is good practice.

However:

• 8 sites turn off pinch-zooming by setting maximum-scale to 1, or using user-scalable=no. While there are some corner use cases for this, it does not make sense to do this on text-heavy sites as it impairs accessibility.
• 3 sites use semi-colons as delimiters between viewport values. While this works in newer mobile browsers, it's not officially supported, and breaks in older mobile browser versions.
• 1 site has 2 viewport meta tags (with different values) in the source...

javan

//
// Example usage: phantomjs screenshot.js http://yahoo.com /tmp/yahoo.png
//

var system = require('system');
var url = system.args[1];
var filename = system.args[2];
var page = new WebPage();

page.open(url, function (status) {

jlong

var parser = document.createElement('a');
parser.href = "http://example.com:3000/pathname/?search=test#hash";

parser.protocol; // => "http:"
parser.hostname; // => "example.com"
parser.port;     // => "3000"
parser.pathname; // => "/pathname/"
parser.search;   // => "?search=test"
parser.hash;     // => "#hash"
parser.host;     // => "example.com:3000"

ferblape

var cluster = require('cluster');

if (cluster.isMaster) {
  
  for (var i = 0; i < 3; i++) {
    cluster.fork();
  }
  
  cluster.on('death', function(worker) {
    console.log('worker ' + worker.pid + ' died');

will

// ~/Library/Application Support/Propane/unsupported/caveatPatchor.js

var mapping = {};
var loadEmotes = function(response) {
  response.forEach(function(a){a.emoticons.forEach(function(b){mapping[b.code] = b.image})});
  window.chat.speaker.filters.unshift(
    function(m){
      var match;
      if(match=m.match(/^:(.*):$/)){
        return mapping[match[0]];

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

itsadok

/*
 * jQuery selectbox plugin
 *
 * Copyright (c) 2007 Sadri Sahraoui (brainfault.com)
 * Licensed under the GPL license and MIT:
 *   http://www.opensource.org/licenses/GPL-license.php
 *   http://www.opensource.org/licenses/mit-license.php
 *
 * The code is inspired from Autocomplete plugin (http://www.dyve.net/jquery/?autocomplete)
 *

javierarce

javascript: void((function() {
	
	var pickerTag = document.getElementById('colorPicker');

    if (pickerTag != null) {
       document.body.removeChild(pickerTag);
    }
	
    var li = document.getElementsByClassName('color');