esteinborn

Sublime Text Info:

• Download link: http://www.sublimetext.com/3
• ST Super Course
• Install Package Control: https://sublime.wbond.net/installation
  • Copy Install script from there (choose ST2 or ST3 first)
  • Open ST and press CTRL+~ to open the console
  • Paste the install script in the console and press enter
  • Restart ST
• Here is my list of personally installed plugins. Bolded ones are really useful (CTRL+Shift+P > Install)
• AdvancedNewFile

esteinborn

{
	"color_scheme": "Packages/User/Flatland Monokai (SL).tmTheme",
	"detect_indentation": false,
	"file_exclude_patterns":
	[
		"*.pyc",
		"*.pyo",
		"*.exe",
		"*.dll",
		"*.obj",

esteinborn

<h1>Hello World!</h1>
  
<p class="retina-test"></p>
  <a href="javascript:void((function(d){if(self!=top||d.getElementById(&#039;toolbar&#039;)&amp;&amp;d.getElementById(&#039;toolbar&#039;).getAttribute(&#039;data-resizer&#039;))return false;d.write(&#039;&lt;!DOCTYPE HTML&gt;&lt;html style=&quot;opacity:0;&quot;&gt;&lt;head&gt;&lt;meta charset=&quot;utf-8&quot;/&gt;&lt;/head&gt;&lt;body&gt;&lt;a data-viewport=&quot;320x480&quot; data-icon=&quot;mobile&quot;&gt;Mobile (e.g. Apple iPhone)&lt;/a&gt;&lt;a data-viewport=&quot;320x568&quot; data-icon=&quot;mobile&quot; data-version=&quot;5&quot;&gt;Apple iPhone 5&lt;/a&gt;&lt;a data-viewport=&quot;600x800&quot; data-icon=&quot;small-tablet&quot;&gt;Small Tablet&lt;/a&gt;&lt;a data-viewport=&quot;768x1024&quot; data-icon=&quot;tablet&quot;&gt;Tablet (e.g. Apple iPad 2-3rd, mini)&lt;/a&gt;&lt;a data-viewport=&quot;1280x800&quot; data-icon=&quot;notebook&quot;&gt;Widescreen&lt;/a&gt;&lt;a data-viewport=&quot;1920&times;1080&quot; data-icon=&quot;tv&quot;&gt;HDTV 10

esteinborn

General To Do.

• Add grades from individual rats and group rats to blackboard
• Get help with adding grades to blackboard
• Email Ray: need a short 15 minute presentation introducing the project and its goals
  • Ray will provide.
• Look through course books to find the chapters that students should need to read for assignments
• Find inspiring design posts
• Email Jen about info on internships
• Create repos for all units

esteinborn

/* Set up a variable for maths */

$doc-font-size: 16;

/* the font-size mixin */

@mixin font-size($size) {
  font-size: 0px + $size;
  font-size: 0rem + $size / $doc-font-size;
}

esteinborn

if (window.navigator.userAgent.indexOf('iPhone') != -1) {
	if (window.navigator.standalone === true) {
		// Initialize your app
	}else{
		// Display a message asking to add the app to the Home Screen
	}
}else{
	document.location.href = 'please-open-from-an-iphone.html';
}

esteinborn

Notes for github presentation

Set up outline of pres

Don't go overboard on details, KISS

Merge conflicts need to be mentioned but not a lot of time should be spent on them

esteinborn

// ----
// Sass (v3.2.10)
// Compass (v0.13.alpha.4)
// ----

$icon-list: download, check, go, more, mail, pdf, search;
@function to-string($list, $glue: '', $is-nested: false) {
  $result: null;

  @for $i from 1 through length($list) {

esteinborn

// ----
// Sass (v3.2.10)
// Compass (v0.13.alpha.4)
// ----

@import "compass";

@mixin cta($color, $hover, $active) {
  background-color: $color;
  color: contrast-color($color, #444, #FFF, 50%);

esteinborn

(function() { 
  var CSSCriticalPath = function(w, d, opts) {
    var opt = opts || {};
    var css = {};
    var pushCSS = function(r) {
      if(!!css[r.selectorText] === false) css[r.selectorText] = {};
      var styles = r.style.cssText.split(/;(?![A-Za-z0-9])/);
      for(var i = 0; i < styles.length; i++) {
        if(!!styles[i] === false) continue;
        var pair = styles[i].split(": ");