Skip to content

Instantly share code, notes, and snippets.

View GingerBear's full-sized avatar

Neil Ding GingerBear

64 followers · 208 following
View GitHub Profile
@GingerBear
GingerBear / dabblet.css
Created June 2, 2015 22:20
Scrolling shadows by @kizmarh and @LeaVerou
/**
* Scrolling shadows by @kizmarh and @leaverou
* Only works in browsers supporting background-attachment: local; & CSS gradients
* Degrades gracefully
*/
html {
background: white;
font: 120% sans-serif;
}
@GingerBear
GingerBear / gist:cfd84da0544154bca2e7
Last active August 29, 2015 14:23
fastclick fix demo
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<meta http-equiv="cleartype" content="on">
<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, width=device-width">
<title>Fastclick test</title>
<script>
@GingerBear
GingerBear / gist:de01b810e7edf449271e
Last active August 29, 2015 14:23
style watcher
// ------------------------------------------------------------------------
// In app.js (using connect-assets for assets pipeline)
// ------------------------------------------------------------------------
app.use(require('./style-watcher.js')(app));
// ------------------------------------------------------------------------
@GingerBear
GingerBear / template.js
Created September 18, 2015 20:31
simple JavaScript template implementation, when we don't want import handlebar
// support if, liquid style filter
var orderInfoTemplate = '\
<div class="section">\
<h2>Order Status</h2>\
<div class="order-number">Order Number: <strong>{order_number}</strong></div>\
<div class="order-status">Status: <strong>{fulfillments[0].status}</strong></div>\
<div class="tracking-number">Tracking Number: {#if fulfillments[0].tracking_number}<strong><a href="{fulfillments[0].tracking_url}">{fulfillments[0].tracking_number}</a></strong> by {fulfillments[0].tracking_company}{/if}</div>\
</div>\
<div class="section">\
@GingerBear
GingerBear / classes.css
Created January 5, 2016 18:31
crystal blocked selectors
.mobile-ads-300-250,
.mobile-ad-300,
#dynamic_editorial_container,
.section_header.special,
.logosFooter,
.advertising,
.boxbanner,
.ad.articlebig,
.ember-view.ad-slot-wrapper,
#sharebar-modal-redesign,
@GingerBear
GingerBear / csv_stringify_sync.js
Last active March 22, 2016 21:03
csv stringify sync
// from https://github.com/wdavidw/node-csv-stringify/blob/de22cdd8ffd07a02bd916e96a31678581eb33659/lib/index.js#L209
function stringify(line) {
var _line, column, columns, containsEscape, containsLinebreak, containsQuote, containsdelimiter, delimiter, escape, field, i, j, l, newLine, quote, ref, ref1, regexp, shouldQuote, value;
if (typeof line !== 'object') {
return line;
}
columns = null;
if (typeof columns === 'object' && columns !== null && !Array.isArray(columns)) {
columns = Object.keys(columns);
}
@GingerBear
GingerBear / slick-zoom.js
Created March 28, 2016 14:18
//= require vendor/slick.js
//= require vendor/photoswipe.js
//= require vendor/photoswipe-ui-default.js
function SlickZoom(options) {
options = options || {};
if (!(options.selector && options.item)) {
return console.error('selector and item required');
}
@GingerBear
GingerBear / gist:2c80d82720c67cef9d66f7026ee92700
Created April 21, 2016 14:49
start local docker for php
docker run -d -p 80:80 -p 8880:8880 -p 443:443 -i -v '/Users/guanxiongding/Projects:/var/www' -t cores_dev
@GingerBear
GingerBear / strip-accents.js
Created August 25, 2016 17:28 — forked from sindresorhus/strip-accents.js
function stripAccents(str) {
var reAccents = /[àáâãäçèéêëìíîïñòóôõöùúûüýÿÀÁÂÃÄÇÈÉÊËÌÍÎÏÑÒÓÔÕÖÙÚÛÜÝ]/g;
var replacements = 'aaaaaceeeeiiiinooooouuuuyyAAAAACEEEEIIIINOOOOOUUUUY';
return str.replace(reAccents, function (match) {
return replacements[reAccents.source.indexOf(match)];
});
};
@GingerBear
GingerBear / http.MD
Created November 1, 2016 14:09
http.MD

HTTP/0.9

  • only GET
  • only HTML format
  • TCP close after request
GET /index.html

<html>
 Hello World