Jarrod Payne paynecodes

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>

Expose IIS or IISExpress running in a Parallels Windows 7/8 VM to your OS X host

Rename your virtual machine

In your Windows 7/8 VM, go to Control Panel > System > Advanced system settings > Computer Name and click Change. Name this whatever you like, e.g. windows. Restart your VM.

Add an ACL rule

Open CMD or Powershell as administrator. Add a URL ACL entry for your new name on the port of your choice, e.g.
netsh http add urlacl url=http://windows:8080/ user=everyone

Add a firewall rule

Grunt and Cordova 3

The advantages of using Grunt with Cordova:

It simplifies working with the cordova cli.
It provides a mechanism to copy platform customization to the platforms directory without having to commit the generated plugins and platforms directories to version control.
It provides a way to watch resources and automatically run cordova commands.

Stack Overflow: .gitignore for PhoneGap/Cordova 3.0 projects - what should I commit?

Templating engines and React.js

I want to make a shopify theme using react.

How shopify theming works

You have a bunch of template files that have access to global server-side variables with liquid e.g. {{ product.title }}. Think wordpress or any other theme-based system.

 /theme

pfSense as an OpenVPN client for specific devices

Introduction

One of the most powerful features of pfSense is it’s ability to direct your data requests through different end-points using NAT rules. pfSense is amazing as an OpenVPN client because it can selectively route any device on the network through the VPN service (i.e., my tablets and TV go through US servers, while my smartphone, VoIP, computers go my local ISP).

This setup becomes extremely handy for use with applications which are not aware of OpenVPN protocol, eg. download managers, torrent clients, etc. Expecting privacy you should be positive that traffic won't go through your ISP's gateway in case of failure on side of VPN provider. And obviously OpenVPN client should automatically reconnect as soon as service goes live again.

Note: This How-To is meant for pfSense 2.1.x. For those using 2.2 Beta, there is a bug that prevents this from working. Read about here in the pfSense forum thread, “[cannot NAT trough OPT1 interface on mult

Generate ssl certificates with Subject Alt Names on OSX

Open ssl.conf in a text editor.

Edit the domain(s) listed under the [alt_names] section so that they match the local domain name you want to use for your project, e.g.

DNS.1   = my-project.dev

Additional FQDNs can be added if required:

Commands

Install dependencies:

npm install -g @microsoft/rush

Initialize the project:

	/**
	* Register ajax transports for blob send/recieve and array buffer send/receive via XMLHttpRequest Level 2
	* within the comfortable framework of the jquery ajax request, with full support for promises.
	*
	* Notice the +* in the dataType string? The + indicates we want this transport to be prepended to the list
	* of potential transports (so it gets first dibs if the request passes the conditions within to provide the
	* ajax transport, preventing the standard transport from hogging the request), and the * indicates that
	* potentially any request with any dataType might want to use the transports provided herein.
	*
	* Remember to specify 'processData:false' in the ajax options when attempting to send a blob or arraybuffer -

	// // LUI Next Colors
	// // LUI Now colors live in @lendi-ui/color package
	import hexToRgba from 'hex-to-rgba';

	export const isHex = (str: string) => str.match(/^#(?:[0-9a-fA-F]{3}){1,2}$/);

	type Shade = Partial<950 \| 900 \| 800 \| 700 \| 600 \| 500 \| 400 \| 300 \| 200 \| 100 \| 50 \| 25 \| 0>;
	type Format = 'hexadecimal' \| 'rgba';
	type Category = 'primary' \| 'secondary' \| 'success' \| 'error' \| 'warning' \| 'info' \| 'shade' \| 'focus';
	type ColorObject = Partial<{ [key in Shade]: { value: string; format: Format } }>;