Rémi Becheras rbecheras

Purpose

Angular directive code to help resize/redraw non-responsive elements (like D3 charts) in a bootstrap responsive design when the window moves across bootstrap boundaries.

(I edited my boostrap to create an extra size for some 7" tablets and landscape phones @ 600px)

What do you think? Good? Bad? Ugly? How could it be better? What other options exist?

Credit to tagtree for the Rickshaw directive help: http://tagtree.tv/d3-with-rickshaw-and-angular

Getting Started with NPM (as a developer)

If you haven't already set your NPM author info, now you should:

npm set init.author.name "Your Name"
npm set init.author.email "[email protected]"
npm set init.author.url "http://yourblog.com"

npm adduser

Provider	Singleton	Instantiable	Configurable
Constant	Yes	No	No
Value	Yes	No	No
Service	Yes	No	No
Factory	Yes	Yes	No
Decorator	Yes	No?	No
Provider	Yes	Yes	Yes

Constant

Virtual Hosts on nginx (CSC309)

When hosting our web applications, we often have one public IP address (i.e., an IP address visible to the outside world) using which we want to host multiple web apps. For example, one may wants to host three different web apps respectively for example1.com, example2.com, and example1.com/images on the same machine using a single IP address.

How can we do that? Well, the good news is Internet browsers

	//
	// Bootstrap the jQuery select UX widget using 'Selecter.js' by Ben Plum
	// http://www.benplum.com/formstone/selecter/
	//
	// Dependancies:
	// Angular (duh)
	// jQuery (required by selecter.js)
	// Selecter.js
	//
	//

	/*
	* Inspired by: http://stackoverflow.com/questions/4360060/video-streaming-with-html-5-via-node-js
	*/

	var http = require('http'),
	fs = require('fs'),
	util = require('util');

	http.createServer(function (req, res) {
	var path = 'video.mp4';

	var svg = document.getElementById('graph'),
	xml = new XMLSerializer().serializeToString(svg),
	data = "data:image/svg+xml;base64," + btoa(xml),
	img = new Image()

	img.setAttribute('src', data)
	document.body.appendChild(img)

	var svg = document.querySelector( "svg" );
	var svgData = new XMLSerializer().serializeToString( svg );

	var canvas = document.createElement( "canvas" );
	var ctx = canvas.getContext( "2d" );

	var img = document.createElement( "img" );
	img.setAttribute( "src", "data:image/svg+xml;base64," + btoa( svgData ) );

	img.onload = function() {

	Simple fuzzy search algorithm similar to sublimeText

	this is a simple algorithm to give a similar result
	as SublimeText search feature, if you don't use sublimeText
	i think you should just give it a shot from here :
	http://www.sublimetext.com

	to know more about fuzzy search you should check this wiki page:
	http://en.wikipedia.org/wiki/Fuzzy_string_searching

	(function() {

	angular.module('mdxUtil', ['ngMaterial'])
	.directive('mdxPaintFg',function(mdx) {
	"use strict";
	return {
	restrict : 'A',
	link : function(scope, element, attributes) {
	setRGB(element,'color',mdx.mdxThemeColors,attributes.mdxPaintFg,'mdx-paint-fg');
	}