Skip to content

Instantly share code, notes, and snippets.

CYK yardfarmer

  • Alibaba.inc
  • HangZhou
Block or report user

Report or block yardfarmer

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
@yardfarmer
yardfarmer / dabblet.css
Last active Jun 9, 2016 — forked from csssecrets/dabblet.css
Taming table column widths
View dabblet.css
/**
* Taming table column widths
*/
body { background: #ddd }
section {
width: 500px;
margin: 2em;
background: white;
@yardfarmer
yardfarmer / dabblet.css
Created May 22, 2016 — forked from csssecrets/dabblet.css
Frame-by-frame animations
View dabblet.css
/**
* Frame-by-frame animations
*/
@keyframes loader {
to { background-position: -800px 0; }
}
.loader {
width: 100px; height: 100px;
@yardfarmer
yardfarmer / dabblet.css
Last active May 22, 2016 — forked from csssecrets/dabblet.css
Elastic transitions
View dabblet.css
/**
* Elastic transitions
*/
input:not(:focus) + .callout:not(:hover) {
transform: scale(0);
transition: .25s transform;
}
.callout {
@yardfarmer
yardfarmer / dabblet.css
Created May 22, 2016 — forked from csssecrets/dabblet.css
Flexible quarter ellipse
View dabblet.css
/**
* Flexible quarter ellipse
*/
div {
display: inline-block;
width: 16em;
height: 10em;
margin: 1em;
background: #fb3;
View jsbin.pinade.js
function splat(fn) {
return function(array) {
// 充分利用了 apply 拆分数组的特性
return fn.apply(null, array);
};
}
// 传入一个函数,返回另外一个函数
var func = splat(function(x, y) {
return x + y;
@yardfarmer
yardfarmer / index.html
Last active Apr 11, 2016 — forked from anonymous/index.html
节流函数 JS Bin // source https://jsbin.com/cufuyi
View 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">
You can’t perform that action at this time.