Ben Singer benjaminsinger

## wordpress-image-crop.php
<?php

// in functions.php

add_theme_support( 'post-thumbnails');

/*
Wordpress crop an image = 5 size. Sizes are given below

thumbnail		// Thumbnail (default 150px x 150px max)

## .gitignore boilerplate
# Include your project-specific ignores in this file
# Read about how to use .gitignore: https://help.github.com/articles/ignoring-files

# Build Systems #
######################
bower_components
.sass-cache
*.css.map
node_modules
npm-debug.log

## google-maps-example.html
<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
  <title>Google Maps Multiple Markers</title>
  <script src="http://maps.google.com/maps/api/js?sensor=false"></script>
  <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.10.1.min.js"></script>
</head>
<body>
  <div id="map" style="width: 500px; height: 400px;"></div>

## gist:4c620ae7682835666545
<!DOCTYPE html>
<meta charset=utf-8>
<meta name=viewport content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name=apple-mobile-web-app-capable content=yes>
<meta name=apple-mobile-web-app-status-bar-style content=black>
<title>Test fullscreen</title>
<style>
html, body {
  margin: 0;
  padding: 0;

## jQuery CSS animation Transition End Handler
$element.on('transitionend webkitTransitionEnd oTransitionEnd MSTransitionEnd', function() {
    // your event handler
});

$element.on("animationend webkitAnimationEnd oAnimationEnd MSAnimationEnd", function() {
    // your event handler
});
	<?php

	// in functions.php

	add_theme_support( 'post-thumbnails');

	/*
	Wordpress crop an image = 5 size. Sizes are given below

	thumbnail // Thumbnail (default 150px x 150px max)
	# Include your project-specific ignores in this file
	# Read about how to use .gitignore: https://help.github.com/articles/ignoring-files

	# Build Systems #
	######################
	bower_components
	.sass-cache
	*.css.map
	node_modules
	npm-debug.log
	<!DOCTYPE html>
	<html>
	<head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
	<title>Google Maps Multiple Markers</title>
	<script src="http://maps.google.com/maps/api/js?sensor=false"></script>
	<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.10.1.min.js"></script>
	</head>
	<body>
	<div id="map" style="width: 500px; height: 400px;"></div>
	<!DOCTYPE html>
	<meta charset=utf-8>
	<meta name=viewport content="width=device-width, initial-scale=1, maximum-scale=1">
	<meta name=apple-mobile-web-app-capable content=yes>
	<meta name=apple-mobile-web-app-status-bar-style content=black>
	<title>Test fullscreen</title>
	<style>
	html, body {
	margin: 0;
	padding: 0;
	$element.on('transitionend webkitTransitionEnd oTransitionEnd MSTransitionEnd', function() {
	// your event handler
	});

	$element.on("animationend webkitAnimationEnd oAnimationEnd MSAnimationEnd", function() {
	// your event handler
	});