Andrew Zappella azappella

History of Frontend Tooling

What if controlling your media queries was as easy as adding on to a Sass list? What if I told you it now is?

This snippet comes from a modified version of mixins in the Aura Responsive Framework and came from me hijacking the respond-to mixin namespace but still wanting to use it for custom media queries. It's a little ugly and requires Sass 3.2+ (for now, (sudo) gem install sass --pre), but it works a charm.

There are two fairly mundane caveats to this method. First, every media query needs to be named. Second, every media query needs a size and assumes min-width and screen. If you want to change min-width, simply add your operator as another option, but if you want to change screen, you need to also include your operator even if you want it to be min-width.

Also, I haven't built in warnings yet for when you do bad things, so bear that in mind.

Without further adue, tada.

Multiple SSH Keys settings for different github account

create different public key

create different ssh key according the article Mac Set-Up Git

$ ssh-keygen -t rsa -C "[email protected]"

Deploy your site with git

This gist assumes:

you have a local git repo
with an online remote repository (github / bitbucket etc)
and a cloud server (Rackspace cloud / Amazon EC2 etc)
- your (PHP) scripts are served from /var/www/html/
- your webpages are executed by apache
apache's home directory is /var/www/

	/*
	* Wait Until Exists Version v0.2 - http://javascriptisawesome.blogspot.com/
	*
	*
	* TERMS OF USE - Wait Until Exists
	*
	* Open source under the BSD License.
	*
	* Copyright © 2011 Ivan Castellanos
	* All rights reserved.

	# Install Dependencies
	# sudo apt-get install build-essential
	# sudo apt-get build-dep php5
	sudo apt-get install libmysqlclient-dev mysql-client libcurl4-openssl-dev libgd2-xpm-dev libjpeg-dev libpng3-dev libxpm-dev libfreetype6-dev libt1-dev libmcrypt-dev libxslt1-dev bzip2 libbz2-dev libxml2-dev libevent-dev libltdl-dev libmagickwand-dev libmagickcore-dev imagemagick libreadline-dev libc-client-dev libsnmp-dev snmpd snmp libvpx-dev libxpm-dev libgmp3-dev libicu-dev libpspell-dev libtidy-dev freetds-dev unixodbc-dev librecode-dev libglib2.0-dev libsasl2-dev libgeoip-dev imagemagick libmagickcore-dev libmagickwand-dev

	# Stop Apache
	sudo service apache2 stop

	# Cleanup Packages
	sudo apt-get autoremove

	# SSH Agent Functions
	# Mark Embling (http://www.markembling.info/)
	#
	# How to use:
	# - Place this file into %USERPROFILE%\Documents\WindowsPowershell (or location of choice)
	# - Import into your profile.ps1:
	# e.g. ". (Resolve-Path ~/Documents/WindowsPowershell/ssh-agent-utils.ps1)" [without quotes]
	# - Enjoy
	#
	# Note: ensure you have ssh and ssh-agent available on your path, from Git's Unix tools or Cygwin.

	function New-Symlink {
	<#
	.SYNOPSIS
	Creates a symbolic link.
	#>
	param (
	[Parameter(Position=0, Mandatory=$true)]
	[string] $Link,
	[Parameter(Position=1, Mandatory=$true)]
	[string] $Target

	/*
	* 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';

	// Includes functions for exporting active sheet or all sheets as JSON object (also Python object syntax compatible).
	// Tweak the makePrettyJSON_ function to customize what kind of JSON to export.

	var FORMAT_ONELINE = 'One-line';
	var FORMAT_MULTILINE = 'Multi-line';
	var FORMAT_PRETTY = 'Pretty';

	var LANGUAGE_JS = 'JavaScript';
	var LANGUAGE_PYTHON = 'Python';