explorer yardfarmer

## index.html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>

<script id="jsbin-javascript">

## jsbin.pinade.js
function splat(fn) {
  return function(array) {
    // 充分利用了 apply 拆分数组的特性
    return fn.apply(null, array);
  };
}

// 传入一个函数，返回另外一个函数
var func = splat(function(x, y) {
  return x + y;

## dabblet.css
/**
 * Flexible quarter ellipse
 */

div {
	display: inline-block;
	width: 16em;
	height: 10em;
	margin: 1em;
	background: #fb3;

## dabblet.css
/**
 * Elastic transitions
 */

input:not(:focus) + .callout:not(:hover) {
	transform: scale(0);
	transition: .25s transform;
}

.callout {

## dabblet.css
/**
 * Frame-by-frame animations
 */

@keyframes loader {
	to { background-position: -800px 0; }
}

.loader {
	width: 100px; height: 100px;

## dabblet.css
/**
 * Taming table column widths
 */

body { background: #ddd }

section {
	width: 500px;
	margin: 2em;
	background: white;
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width">
	<title>JS Bin</title>
	</head>
	<body>

	<script id="jsbin-javascript">
	function splat(fn) {
	return function(array) {
	// 充分利用了 apply 拆分数组的特性
	return fn.apply(null, array);
	};
	}

	// 传入一个函数，返回另外一个函数
	var func = splat(function(x, y) {
	return x + y;
	/**
	* Flexible quarter ellipse
	*/

	div {
	display: inline-block;
	width: 16em;
	height: 10em;
	margin: 1em;
	background: #fb3;
	/**
	* Elastic transitions
	*/

	input:not(:focus) + .callout:not(:hover) {
	transform: scale(0);
	transition: .25s transform;
	}

	.callout {
	/**
	* Frame-by-frame animations
	*/

	@keyframes loader {
	to { background-position: -800px 0; }
	}

	.loader {
	width: 100px; height: 100px;
	/**
	* Taming table column widths
	*/

	body { background: #ddd }

	section {
	width: 500px;
	margin: 2em;
	background: white;