Michael Raguse webdesignberlin

## mixin-prefix.css
/*
* Mixin for adding vendor prefixes to CSS attributes; useful for the following CSS attributes
*
* - border-radius
* - box-shadow
* - transition
* - background-size
* - box-sizing
* - animate
*

## module-pattern.js
var myNamespace = myNamespace || {};

myNamespace.myFancyModule = (function() {
    var self = {},
    	_ = {};

    _.concatString = function(str) {
        return 'Hello ' + str;
    };

## html5-schema.org-markup.html
<!DOCTYPE html>
<html lang="en-US">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
	<meta name="robots" content="noodp, noydir" />

	<link rel="dns-prefetch" href="//cdnjs.cloudflare.com">
	<link rel="canonical" href="http://mysite.com/" />
	<link rel="stylesheet" href="http://mysite.com/style.css" type="text/css" />

## screenshot.js
var webdriver = require('selenium-webdriver');
var fs = require('fs');

var driver = new webdriver.Builder().build();

webdriver.WebDriver.prototype.saveScreenshot = function(filename) {
    return driver.takeScreenshot().then(function(data) {
        fs.writeFile(filename, data.replace(/^data:image\/png;base64,/,''), 'base64', function(err) {
            if(err) throw err;
        });

## Calendar.js
/*
 * Predefined Settings
 */

var model = {
	daysObj: {
		0: [0,1,2,3,4,5,6],
		1: [1,2,3,4,5,6,0],
		2: [2,3,4,5,6,0,1],
		3: [3,4,5,6,0,1,2],

## table.css
table    { display: table }
tr       { display: table-row }
thead    { display: table-header-group }
tbody    { display: table-row-group }
tfoot    { display: table-footer-group }
col      { display: table-column }
colgroup { display: table-column-group }
td, th   { display: table-cell }
caption  { display: table-caption }

## douchebag-vertical-align.css
.element {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

## gist:1f1078b0812bf5782fee
### Testing if the client is a mobile or a desktop.
### The selection is based on the usual UA strings for desktop browsers.

## Testing a user agent using a method that reverts the logic of the
## UA detection. Inspired by notnotmobile.appspot.com.
map $http_user_agent $is_desktop {
    default 0;
    ~*linux.*android|windows\s+(?:ce|phone) 0; # exceptions to the rule
    ~*spider|crawl|slurp|bot 1; # bots
    ~*windows|linux|os\s+x\s*[\d\._]+|solaris|bsd 1; # OSes

## webcomponets.html
<!-- Conditionally load WC polyfills -->
<script>
  if ('registerElement' in document
    && 'createShadowRoot' in HTMLElement.prototype
    && 'import' in document.createElement('link')
    && 'content' in document.createElement('template')) {
    // We're using a browser with native WC support!
  } else {
    document.write('<script src="/bower_components/webcomponentsjs/webcomponents.js"><\/script>');
  }

## gist:178b5e32a8a681588961
// Old API

screen.orientation
      .lockOrientation( orientations )
      .unlockOrientation()

screen.addEventListener('orientationchange', handler)


// New API
	/*
	* Mixin for adding vendor prefixes to CSS attributes; useful for the following CSS attributes
	*
	* - border-radius
	* - box-shadow
	* - transition
	* - background-size
	* - box-sizing
	* - animate
	*
	var myNamespace = myNamespace \|\| {};

	myNamespace.myFancyModule = (function() {
	var self = {},
	_ = {};

	_.concatString = function(str) {
	return 'Hello ' + str;
	};
	<!DOCTYPE html>
	<html lang="en-US">
	<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	<meta name="robots" content="noodp, noydir" />

	<link rel="dns-prefetch" href="//cdnjs.cloudflare.com">
	<link rel="canonical" href="http://mysite.com/" />
	<link rel="stylesheet" href="http://mysite.com/style.css" type="text/css" />
	var webdriver = require('selenium-webdriver');
	var fs = require('fs');

	var driver = new webdriver.Builder().build();

	webdriver.WebDriver.prototype.saveScreenshot = function(filename) {
	return driver.takeScreenshot().then(function(data) {
	fs.writeFile(filename, data.replace(/^data:image\/png;base64,/,''), 'base64', function(err) {
	if(err) throw err;
	});
	/*
	* Predefined Settings
	*/

	var model = {
	daysObj: {
	0: [0,1,2,3,4,5,6],
	1: [1,2,3,4,5,6,0],
	2: [2,3,4,5,6,0,1],
	3: [3,4,5,6,0,1,2],
	table { display: table }
	tr { display: table-row }
	thead { display: table-header-group }
	tbody { display: table-row-group }
	tfoot { display: table-footer-group }
	col { display: table-column }
	colgroup { display: table-column-group }
	td, th { display: table-cell }
	caption { display: table-caption }
	.element {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	}
	### Testing if the client is a mobile or a desktop.
	### The selection is based on the usual UA strings for desktop browsers.

	## Testing a user agent using a method that reverts the logic of the
	## UA detection. Inspired by notnotmobile.appspot.com.
	map $http_user_agent $is_desktop {
	default 0;
	~linux.android\|windows\s+(?:ce\|phone) 0; # exceptions to the rule
	~*spider\|crawl\|slurp\|bot 1; # bots
	~windows\|linux\|os\s+x\s[\d\._]+\|solaris\|bsd 1; # OSes
	<!-- Conditionally load WC polyfills -->
	<script>
	if ('registerElement' in document
	&& 'createShadowRoot' in HTMLElement.prototype
	&& 'import' in document.createElement('link')
	&& 'content' in document.createElement('template')) {
	// We're using a browser with native WC support!
	} else {
	document.write('<script src="/bower_components/webcomponentsjs/webcomponents.js"><\/script>');
	}
	// Old API

	screen.orientation
	.lockOrientation( orientations )
	.unlockOrientation()

	screen.addEventListener('orientationchange', handler)


	// New API