Clinton Halpin clintonhalpin

Backend Architectures

Twitter

ror, scala, jetty, erlang, thrift, mongrel, comet server, my-sql, memchached, varnish, kestrel(mq), starling, gizzard, cassandra, hadoop, vertica, munin, nagios, awstats

Introduce Gizzard of Twitter - 트위터의 새로운 분산 관리 라이브러리 Gizzard를 소개합니다.
The Architecture Twitter Uses to Deal with 150M Active Users, 300K QPS, a 22 MB/S Firehose, and Send Tweets in Under 5 Seconds
Scaling Twitter: Making Twitter 10000 Percent Faster

Frontend Development

Attention: the list was moved to

https://github.com/dypsilon/frontend-dev-bookmarks

This page is not maintained anymore, please update your bookmarks.

Yeoman + Compass Sprites

Setup

generator-webapp has support for compass out of the box. However, in order to use one of my favorite features of it — sprites and the image_url helper — you have to make some adjustments to the Gruntfile.

Let's assume you use a SASS stylesheet like this one:

@import "design/*.png"

	//gulp & plugins
	var gulp = require('gulp');
	var gutil = require('gulp-util');
	var jshint = require('gulp-jshint');
	var browserify = require('gulp-browserify');
	var jade = require('gulp-jade');
	var stylus = require('gulp-stylus');
	var mocha = require('gulp-mocha');
	var nodemon = require('gulp-nodemon');
	var livereload = require('gulp-livereload');

	<!DOCTYPE html>

	<html lang="en">
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>imgur oauth</title>
	<script src="http://code.jquery.com/jquery.min.js"></script>
	<script>
	$(function () {
	var extractToken = function(hash) {


	//do nothing on the success callback, hence replacing the success callbck function with angular.noop()
	$scope.contacts= Contacts.query( angular.noop,function(response) {
	Window.myresp = response;
	$scope.displayError(response);
	console.log("bad boy, listContacts failed");
	});

	# A simple Makefile alternative to using Grunt for your static asset compilation
	#
	## Usage
	#
	# $ npm install
	#
	# And then you can run various commands:
	#
	# $ make # compile files that need compiling
	# $ make clean all # remove target files and recompile from scratch

	# install gender http://www.php.net/manual/en/book.gender.php
	sudo apt-get install libpcre3-dev
	sudo pecl install gender

	# generate data
	mkdir ~/gender
	sudo pear run-scripts pecl/gender

	# eneble module
	echo 'extension=gender.so' >> /etc/php5/cli/php.ini

	var express = require('express')
	, mongoskin = require('mongoskin')

	var app = express()
	app.use(express.bodyParser())

	var db = mongoskin.db('localhost:27017/test', {safe:true});

	app.param('collectionName', function(req, res, next, collectionName){
	req.collection = db.collection(collectionName)

	module.exports = function (grunt) {
	grunt.initConfig({
	watch: {
	options: {
	livereload: true
	},
	// triggering livereload when the .css file is updated
	// (compared to triggering when sass completes)
	// allows livereload to not do a full page refresh
	styles: {