Danny Brown dannyrb

AngularJS Directive Attribute Binding Explanation

When using directives, you often need to pass parameters to the directive. This can be done in several ways. The first 3 can be used whether scope is true or false. This is still a WIP, so validate for yourself.

Raw Attribute Strings

<div my-directive="some string" another-param="another string"></div>

Readme Driven Development

Problem

Build software that helps people.

Solution

Table of Contents generated with DocToc

FrontEnd Masters - ES6 notes
Rest Parameters

What forces layout / reflow

All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.

Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.

Element APIs

Getting box metrics

elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent

How to setup AWS lambda function to talk to the internet and VPC

I'm going to walk you through the steps for setting up a AWS Lambda to talk to the internet and a VPC. Let's dive in.

So it might be really unintuitive at first but lambda functions have three states.

No VPC, where it can talk openly to the web, but can't talk to any of your AWS services.
VPC, the default setting where the lambda function can talk to your AWS services but can't talk to the web.
VPC with NAT, The best of both worlds, AWS services and web.

	function slugify(text)
	{
	return text.toString().toLowerCase()
	.replace(/\s+/g, '-') // Replace spaces with -
	.replace(/[^\w\-]+/g, '') // Remove all non-word chars
	.replace(/\-\-+/g, '-') // Replace multiple - with single -
	.replace(/^-+/, '') // Trim - from start of text
	.replace(/-+$/, ''); // Trim - from end of text
	}

	using System;
	using System.Security.Cryptography;
	using System.Web;

	namespace DevPartners
	{
	// author: Bill Wilder, @codingoutloud
	// original: https://gist.github.com/4200537
	public static class RandomTokenGenerator
	{

	#powershell script port of https://github.com/maxhauser/semver/
	function toSemVer($version){
	$version -match "^(?<major>\d+)(\.(?<minor>\d+))?(\.(?<patch>\d+))?(\-(?<pre>[0-9A-Za-z\-\.]+))?(\+(?<build>[0-9A-Za-z\-\.]+))?$" \| Out-Null
	$major = [int]$matches['major']
	$minor = [int]$matches['minor']
	$patch = [int]$matches['patch']

	if($matches['pre'] -eq $null){$pre = @()}
	else{$pre = $matches['pre'].Split(".")}

	/**
	@class BroadcastChannel
	A simple BroadcastChannel polyfill that works with all major browsers.
	Please refer to the official MDN documentation of the Broadcast Channel API.
	@see <a href="https://developer.mozilla.org/en-US/docs/Web/API/Broadcast_Channel_API">Broadcast Channel API on MDN</a>
	@author Alessandro Piana
	@version 0.0.6
	*/

	/*


	/*
	##Device = Desktops
	##Screen = 1281px to higher resolution desktops
	*/

	@media (min-width: 1281px) {

	/* CSS */