Skip to content

Instantly share code, notes, and snippets.

CYK yardfarmer

  • Alibaba.inc
  • HangZhou
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.