Full-Stack Alex FullStackAlex

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

Basic RESTful API with Symfony 2 + FOSRestBundle (JSON format only) + FOSUserBundle + FOSOauthServerBundle

The API we are creating in this gist will follow these rules :

The API only returns JSON responses
All API routes require authentication
Authentication is handled via OAuth2 with password Grant Type only (no need for Authorization pages and such).
API versioning is managed via a subdomain (e.g. v1.api.example.com)

The API will be written in PHP with the Symfony 2 framework. The following SF2 bundles are used :

Don't use VPN services.

No, seriously, don't. You're probably reading this because you've asked what VPN service to use, and this is the answer.

Note: The content in this post does not apply to using VPN for their intended purpose; that is, as a virtual private (internal) network. It only applies to using it as a glorified proxy, which is what every third-party "VPN provider" does.

A Russian translation of this article can be found here, contributed by Timur Demin.
A Turkish translation can be found here, contributed by agyild.
There's also this article about VPN services, which is honestly better written (and has more cat pictures!) than my article.

	function hasClass(element, className) {
	return element.className && new RegExp("(^\|\\s)" + className + "(\\s\|$)").test(element.className);
	}

	var myDiv = document.getElementById('MyDiv');

	hasClass(myDiv, 'active');

	// OR

	# Find Table Sizes
	SELECT CONCAT(table_schema, '.', table_name),
	CONCAT(ROUND(table_rows / 1000000, 2), 'M') rows,
	CONCAT(ROUND(data_length / ( 1024 * 1024 * 1024 ), 2), 'G') DATA,
	CONCAT(ROUND(index_length / ( 1024 * 1024 * 1024 ), 2), 'G') idx,
	CONCAT(ROUND(( data_length + index_length ) / ( 1024 * 1024 * 1024 ), 2), 'G') total_size,
	ROUND(index_length / data_length, 2) idxfrac
	FROM information_schema.TABLES
	ORDER BY data_length + index_length DESC
	LIMIT 10;

	How to change umask for apache on Mac:

	$ sudo vim /System/Library/LaunchDaemons/org.apache.httpd.plist

	add
	<key>Umask</key>
	<integer>002</integer>
	in <dict> section

	$ sudo apachectl stop

	# ----------------------
	# Status Bar
	# -----------------------
	set-option -g status on # turn the status bar on
	set -g status-utf8 on # set utf-8 for the status bar
	set -g status-interval 5 # set update frequencey (default 15 seconds)
	set -g status-justify centre # center window list for clarity
	# set-option -g status-position top # position the status bar at top of screen

	# visual notification of activity in other windows

	// display: inline-flex //
	// applies to flex container

	.inline-flexbox() {
	// 2009 spec
	display: -webkit-box;
	display: -moz-box;
	display: -ms-box;
	display: -o-box;
	display: box;

	<?php

	/**
	* Get field key for field name.
	* Will return first matched acf field key for a give field name.
	*
	* ACF somehow requires a field key, where a sane developer would prefer a human readable field name.
	* http://www.advancedcustomfields.com/resources/update_field/#field_key-vs%20field_name
	*
	* This function will return the field_key of a certain field.

	img:hover {
	-webkit-filter: grayscale(0%);
	-webkit-transition: .5s ease-in-out;
	-moz-filter: grayscale(0%);
	-moz-transition: .5s ease-in-out;
	-o-filter: grayscale(0%);
	-o-transition: .5s ease-in-out;
	filter: grayscale(0%);
	}