singhmohancs

$base-font-size: 	16px;
$base-line-height: 	1.5;

// this value may vary for each font
// unitless value relative to 1em
$cap-height: 		0.68;


@mixin baseline($font-size, $scale: 2) {

singhmohancs

• SSH to your server to start creating a subdomain (https://library.linode.com/hosting-website#sph_configuring-name-based-virtual-hosts)

• Go to ~/public/

› mkdir -p sub.example.com/{public,log,backup}
› cd sub.example.com/public/
› nano index.html | nano index.php

• Write 'Hello world' or whatever, we just need a html|php file to test with

singhmohancs

'use strict';
// generated on 2014-06-24 using generator-gulp-webapp 0.1.0

var src_dir = 'app',
    dest_dir = 'dist';


var gulp = require('gulp');

// load plugins

singhmohancs

"use strict";

var _ = require('lodash');

/**
 *  Custom matchers for protractor and jasmine 2
 *
 *    expect(el).toBePresent();
 *    expect(el).toBeDisplayed();
 *    expect(el).toContainText('text to contain');

singhmohancs

##Change default Mac OS X PHP to XAMPP's PHP Installation and Install Composer

Find out what version of PHP is running

which php

This will output the path to the default PHP install which comes preinstalled by Mac OS X, by default

singhmohancs

function objectToQuerystring (obj) {
  return Object.keys.reduce(function (str, key, i) {
    var delimiter, val;
    delimiter = (i === 0) ? '?' : '&';
    key = encodeURIComponent(key);
    val = encodeURIComponent(obj[key]);
    return [str, delimiter, key, '=', val].join('');
  }, '');
}

singhmohancs

Two way iframe communication

The main difference between the two pages is the method of sending messages. Recieving messages is the same in both.

Parent

Send messages to iframe using iframeEl.contentWindow.postMessage Recieve messages using window.addEventListener('message')

iframe

singhmohancs

rm -r .git
git init
(create files)
git add -A
git commit -m 'Initial commit'
git remote add origin <url>
git push --force --set-upstream origin master