Skip to content

Instantly share code, notes, and snippets.

CYK yardfarmer

  • Alibaba.inc
  • HangZhou
View GitHub Profile
View phantom_config.js
//
module.exports = {
"src_folders": ["e2e/phantom"],
"output_folder": false,
"selenium": {
"start_process": true,
"log_path": false,
"server_path": "node_modules/selenium-server/lib/runner/selenium-server-standalone-2.53.0.jar",
"host": "127.0.0.1",
View dabblet.html
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta charset="utf-8" /> <title>scroll</title> <style type="text/css"> .container { width : 300px; height : 50%; -webkit-box-sizing : border-box; position : relative; overflow-y : auto; background-color : cyan; -webkit-overflow-scrolling : touch; /* liuhx:可以把这整行注释掉对比差别 */ } ul { height: 50px; } </style> </head> <body> <div align="center"> <nav class="container"> <ul>1</ul> <ul>2</ul> <ul>3</ul> <ul>4</ul> <ul>5</ul> <ul>6</ul> <ul>7</ul> <ul>8</ul> <ul>9</ul> <ul>10</ul> <ul>11</ul> <ul>12</ul> <ul>13</ul> <
@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;
@yardfarmer
yardfarmer / dabblet.css
Created May 16, 2016
The first commented line is your dabblet’s title
View dabblet.css
/**
* The first commented line is your dabblet’s title
*/
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
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">
@yardfarmer
yardfarmer / Array.js
Created Apr 10, 2016
巧妙的数组合并 merge
View Array.js
var mergeTo = [4,5,6];
var mergeFrom = [7,8,9];
Array.prototype.push.apply(mergeTo, mergeFrom);
mergeTo; // is: [4, 5, 6, 7, 8, 9]
You can’t perform that action at this time.