Skip to content

Instantly share code, notes, and snippets.

View KATT's full-sized avatar
🌴
On vacation

Alex / KATT KATT

🌴
On vacation
View GitHub Profile
import React from 'react';
import { navigateAction, handleRoute } from 'fluxible-router';
import connectToStores from 'fluxible/addons/connectToStores';
import _debounce from 'lodash/function/debounce';
import SearchStore from '../../../stores/SearchStore';
import SearchPageList from './SearchPageList';
class SearchPage extends React.Component {
@KATT
KATT / utils.js
Created September 16, 2014 14:25
Workaround for Segment.io to track page views on a pushState-based site. Dependent on History.js
var utils = utils || {};
// [..]
utils.page = (function() {
var previousState = History.getState();
return function() {
var state = History.getState();
$.fn.removeClassStartingWith = function(str) {
return this.removeClass(function(i, classNames) {
return $.grep(classNames.split(' '), function(className) {
return className.indexOf(str) === 0;
}).join(' ');
});
};
$spinner-size = 30px;
$spinner-cube-size = ($spinner-size / 3);
@keyframes scaleDelay {
0%, 70%, 100% { transform:scale3D(1.0, 1.0, 1.0) }
35% { transform:scale3D(0.0, 0.0, 1.0) }
}
.spinner {
@KATT
KATT / MeteorView.js
Last active August 29, 2015 14:02
famo.us MeteorView
(function() {
// import dependencies
var View = require('famous/core/View');
var Surface = require('famous/core/Surface');
var Modifier = require('famous/core/Modifier');
var StateModifier = require('famous/modifiers/StateModifier');
var Transform = require('famous/core/Transform');
var Timer = require('famous/utilities/Timer');
@KATT
KATT / gulpfile.js
Created June 9, 2014 10:43
gulp task `open`
var SERVER_PORT = 5000;
// Opens browser window using internal IP on the assigned SERVER_PORT
gulp.task('open', function() {
var os = require('os');
var spawn = require('child_process').spawn
var interfaces = os.networkInterfaces();
var addresses = [];
for (k in interfaces) {
@KATT
KATT / bem-stylus-example.css
Created May 22, 2014 17:01
bem-stylus-example.styl
.namespace {
content: "placeholder";
}
.namespace-block {
content: "placeholder";
}
.namespace-block--element {
content: 'placeholder';
}
.namespace-block--element__modifier {
#!/bin/sh
FROM="/Volumes/ustwo/Client/[..]/images/"
TO="./app/assets/images/"
TO="${PWD}/${TO}"
echo "rsyncing '${FROM}' to '${TO}'"
rsync -vur --exclude *. "${FROM}" "${TO}" --delete
// [..]
#define COLORGETTER(name, red, green, blue)\
+ (instancetype) name##Color\
{\
static UIColor *color = nil;\
static dispatch_once_t onceToken;\
dispatch_once(&onceToken, ^{\
color = RGB(red, green, blue);\