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
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%;
@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">
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 / 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.