Christoph Engelmayer christophengelmayer

Sass/Less Comparison

In this document I am using Sass's SCSS syntax. You can choose to use the indented syntax in sass, if you prefer it, it has no functional differences from the SCSS syntax.

For Less, I'm using the JavaScript version because this is what they suggest on the website. The ruby version may be different.

Variables

Make it useful

Install Package Control. For SublimeText 2, paste the following in Terminal:

import urllib2,os; pf='Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler( ))); open( os.path.join( ipp, pf), 'wb' ).write( urllib2.urlopen( 'http://sublime.wbond.net/' +pf.replace( ' ','%20' )).read()); print( 'Please restart Sublime Text to finish installation')

From here on out, use Package Control to install everything. ⌘+Shift+P, then type Install to get a list of installable packages you can 'livesearch through. After installing plugins, they should be running.

"Scar Tissues Make Relationships Wear Out"

04/26/2103. From a lecture by Professor John Ousterhout at Stanford, class CS142.

This is my most touchy-feely thought for the weekend. Here’s the basic idea: It’s really hard to build relationships that last for a long time. If you haven’t discovered this, you will discover this sooner or later. And it's hard both for personal relationships and for business relationships. And to me, it's pretty amazing that two people can stay married for 25 years without killing each other.

[Laughter]

> But honestly, most professional relationships don't last anywhere near that long. The best bands always seem to break up after 2 or 3 years. And business partnerships fall apart, and there's all these problems in these relationships that just don't last. So, why is that? Well, in my view, it’s relationships don't fail because there some single catastrophic event to destroy them, although often there is a single catastrophic event around the the end of the relation

	<meta property="og:image" content="{{env::url}}/files/_theme/images/facebook_preview.png" />
	<meta property="og:url" content="{{env::path}}{{env::request}}" />
	<meta property="og:site_name" content="{{page::rootTitle}}" />
	<meta property="og:title" content="{{page::pageTitle}}" />
	<meta property="og:type" content="website" />

	WebFontConfig = {
	/* Add your desired font family here, its a simple Javascript array */
	google: { families: [ 'Ubuntu' ] }
	};
	(function() {
	var wf = document.createElement('script');
	wf.src = ('https:' == document.location.protocol ? 'https' : 'http') + '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
	wf.type = 'text/javascript';
	wf.async = 'true';
	var s = document.getElementsByTagName('script')[0];

	<?php

	// get a page
	$editpage = $pages->get("/editme/");
	$ignorefields = array("isOld","language_published");

	$form = $modules->get("InputfieldForm");
	$form->method = 'post';
	$form->action = './';

	# Apache configuration file
	# http://httpd.apache.org/docs/2.2/mod/quickreference.html

	# Note: ".htaccess" files are an overhead for each request. This logic should
	# be placed in your Apache config whenever possible.
	# http://httpd.apache.org/docs/2.2/howto/htaccess.html

	# Turning on the rewrite engine is necessary for the following rules and
	# features. "+FollowSymLinks" must be enabled for this to work symbolically.

	/* The Grid ---------------------- */
	.lt-ie9 .row { width: 940px; max-width: 100%; min-width: 768px; margin: 0 auto; }
	.lt-ie9 .row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }
	.lt-ie9 .row.large-collapse .column,
	.lt-ie9 .row.large-collapse .columns { padding: 0; }
	.lt-ie9 .row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }
	.lt-ie9 .row .row.large-collapse { margin: 0; }

	.lt-ie9 .column, .lt-ie9 .columns { float: left; min-height: 1px; padding: 0 15px; position: relative; }
	.lt-ie9 .column.large-centered, .columns.large-centered { float: none; margin: 0 auto; }

	<?php
	/**
	* ProcessWire (2.5) InputfieldFile front-end upload form example
	* Various workarounds to get it working with Errors for WireUpload
	* and removing files upload after error
	*/

	$sent = false;
	$upload_path = $config->uploadTmpDir;

	server {
	listen *:80;
	server_name neos.dev;
	root /var/www/neos/Web;
	autoindex off;

	access_log /var/log/nginx/neos.dev.access.log;
	error_log /var/log/nginx/neos.dev.error.log;

	index index.php index.html;