Trevor Clarke TrevorJTClarke

🎨 when improving the format/structure of the code
🚀 when improving performance
✏️ when writing docs
💡 new idea
🚧 work in progress
➕ when adding feature
➖ when removing feature
🔈 when adding logging
🔇 when reducing logging
🐛 when fixing a bug

##what are generators##

They're pausable functions, pausable iterable functions, to be more precise
They're defined with the *
every time you yield a value, the function pauses until .next(modifiedYieldValue) is called

var myGen = function*() {
  var one = yield 1;
  var two = yield 2;
  var three = yield 3;
 console.log(one, two, three);

The introduction to Reactive Programming you've been missing

(by @andrestaltz)

This tutorial as a series of videos

If you prefer to watch video tutorials with live-coding, then check out this series I recorded with the same contents as in this article: Egghead.io - Introduction to Reactive Programming.

Fix SVG in `<img>` tags not scaling in IE9, IE10, IE11

IE9, IE10, and IE11 don't properly scale SVG files added with img tags when viewBox, width and height attributes are specified. View this codepen on the different browsers.

Image heights will not scale when the images are inside containers narrower than image widths. This can be resolved in 2 ways.

Use `sed` in bash to remove width and height attributes in SVG files

As per this answer on Stackoverflow, the issue can be resolved by removing just the width and height attributes.

	{
	"name": "my-app",
	"version": "1.0.0",
	"description": "My test app",
	"main": "src/js/index.js",
	"scripts": {
	"jshint:dist": "jshint src/js/*.js",
	"jshint": "npm run jshint:dist",
	"jscs": "jscs src/*.js",
	"browserify": "browserify -s Validating -o ./dist/js/build.js ./lib/index.js",

	<html>
	<body>

	<!-- load combined svg file (with symbols) into body-->
	<script>
	(function (doc) {
	var scripts = doc.getElementsByTagName('script')
	var script = scripts[scripts.length - 1]
	var xhr = new XMLHttpRequest()
	xhr.onload = function () {

	{
	"chat": {
	// the list of chats may not be listed (no .read permissions here)

	// a chat conversation
	"$key": {

	// if the chat hasn't been created yet, we allow read so there is a way
	// to check this and create it; if it already exists, then authenticated
	// user (specified by auth.id) must be in $key/users

	#
	# Sample nginx.conf optimized for EC2 c1.medium to xlarge instances.
	# Also look at the haproxy.conf file for how the backend is balanced.
	#

	user "nginx" "nginx";
	worker_processes 10;

	error_log /var/log/nginx_error.log info;

	# Numerous always-ignore extensions
	*.bak
	*.diff
	*.err
	*.orig
	*.log
	*.rej
	*.swo
	*.swp
	*.vi

	console.reset = function () {
	return process.stdout.write('\033c');
	}

Trevor Clarke TrevorJTClarke

The introduction to Reactive Programming you've been missing

This tutorial as a series of videos

Fix SVG in <img> tags not scaling in IE9, IE10, IE11

Use sed in bash to remove width and height attributes in SVG files

Fix SVG in `<img>` tags not scaling in IE9, IE10, IE11

Use `sed` in bash to remove width and height attributes in SVG files