hosts:
/private/etc/hosts
httpd.conf:
/Applications/MAMP/conf/apache/httpd.conf
/* ----------------------------------------------------------------------- */ | |
/* */ | |
/* Improved upon a mixin from 37signals and combined */ | |
/* with these numbers from marc. */ | |
/* */ | |
/* 37signals-version: */ | |
/* http://37signals.com/svn/posts/3271-easy-retina-ready-images-using-scss */ | |
/* */ | |
/* @kimroen */ | |
/* */ |
// http://paulirish.com/2011/requestanimationframe-for-smart-animating/ | |
// http://my.opera.com/emoller/blog/2011/12/20/requestanimationframe-for-smart-er-animating | |
// requestAnimationFrame polyfill by Erik Möller. fixes from Paul Irish and Tino Zijdel | |
// MIT license | |
(function() { | |
var lastTime = 0; | |
var vendors = ['ms', 'moz', 'webkit', 'o']; |
// Here are some variables, then a mixin and then an application of the mixin - this will only compile using Sass 3.2 | |
//variables | |
$XS: 12.5em; // 200px; | |
$S: 18.75em; // 300px | |
$SM: 35em; // 560px | |
$M: 47.5em; // 760px | |
$L: 63em; // 1008px | |
$XL: 110em; // 1760px | |
$XXL: 180em; // 2880px |
anon true, if the space may be omitted in anonymous function declarations | |
bitwise true, if bitwise operators should be allowed | |
browser true, if the standard browser globals should be predefined | |
cap true, if upper case HTML should be allowed | |
continue true, if the continuation statement should be tolerated | |
css true, if CSS workarounds should be tolerated | |
debug true, if debugger statements should be allowed | |
devel true, if logging should be allowed (console, alert, etc.) | |
eqeq true, if == should be allowed | |
es5 true, if ES5 syntax should be allowed |
// Created by Max Luster (@maxluster) | |
// Usage instructions at https://bugsnag.com/blog/responsive-typography-with-chained-media-queries | |
// Requires SASS >= 3.3 | |
// Enhanced by Breakpoint 2.4.x and Compass 1.0 (alpha) | |
// For SASS 3.2.x support, use https://gist.github.com/maxluster/c9ecc6e4a6770e507c2c | |
// Provides a simplified syntax for chaining media queries across named or numeric breakpoints | |
@mixin responsive($properties, $default-value, $responsive-values){ | |
// No named breakpoints by default |
/** | |
* VH and VW units can cause issues on iOS devices: http://caniuse.com/#feat=viewport-units | |
* | |
* To overcome this, create media queries that target the width, height, and orientation of iOS devices. | |
* It isn't optimal, but there is really no other way to solve the problem. In this example, I am fixing | |
* the height of element `.foo` —which is a full width and height cover image. | |
* | |
* iOS Resolution Quick Reference: http://www.iosres.com/ | |
*/ | |
Bracket Highlighter | |
Bower | |
CSScomb | |
Dotfiles Syntax Highlighting | |
FileDiffs | |
GitGutter | |
JsFormat | |
JSLint | |
Package Control | |
Prefixr |
###Prerequesites
Install flightplan globally
npm install -g flightplan
Install flightplan in your project folder
###SSH into a remote machine###
ssh user@mydomain.com
#or by ip address
ssh user@192.168.1.1
exit: exit
###Install Something###
#If it's a new server, update apt-get first thing