Skip to content

Instantly share code, notes, and snippets.

@rosskevin
rosskevin / Box.js
Created September 23, 2016 17:30
Samples for material-ui `next` responsive layout/grid using JSS (originally based on flexboxgrid.com)
// @flow
import React, {Element, PropTypes} from 'react'
import pure from 'recompose/pure'
import {createStyleSheet} from 'jss-theme-reactor'
import classNames from 'classnames'
import Logger from '../../../util/Logger'
type Props = {
type: ?string,
children: ?Element<any>
@rosskevin
rosskevin / Col.js
Last active December 11, 2022 18:15
material-ui `next` responsive layout/grid using JSS (originally based on flexboxgrid.com)
// @flow
import React, {Component, Element, PropTypes} from 'react'
import classNames from 'classnames'
import pure from 'recompose/pure'
import merge from 'lodash/merge'
import {createStyleSheet} from 'jss-theme-reactor'
import Logger from '../../util/Logger'
import {capitalizeFirstLetter} from '../../util/strings'
type DefaultProps = {
@sompylasar
sompylasar / Viewport.js
Last active March 18, 2017 11:16
Viewport React component with animated scrolling and overlay handling.
import React, { Component, PropTypes } from 'react';
import verge from 'verge';
import { Motion, spring } from 'react-motion';
import withStyles from 'isomorphic-style-loader/lib/withStyles';
import styles from './styles.scss';
@ppcano
ppcano / ember_reopen.js
Created May 20, 2014 17:02
hammerJS + ember integration
Em.View.reopen({
hammerOptions: null,
enableHammer: function() {
var gestures = ['drag', 'hold', 'release', 'swipe', 'tap', 'touch', 'transform'];
var options = this.get('hammerOptions');
if ( options ) {
gestures.forEach(function(gesture) {
if ( !options[gesture] ) {
@ronkorving
ronkorving / ios6-timers.js
Last active March 9, 2022 03:40
iOS6 webkit timer bug workaround
(function (window) {
// This library re-implements setTimeout, setInterval, clearTimeout, clearInterval for iOS6.
// iOS6 suffers from a bug that kills timers that are created while a page is scrolling.
// This library fixes that problem by recreating timers after scrolling finishes (with interval correction).
// This code is released in the public domain. Do with it what you want, without limitations. I do not promise
// that it works, or that I will provide support (don't sue me).
// Author: rkorving@wizcorp.jp
var timeouts = {};
@charlesjolley
charlesjolley / dev_view.coffee
Created August 21, 2012 03:57
Adding event locks to Ember
# example view implements a simple dragging for mouse events.
Wall.DevView = Ember.View.extend
mouseDown: (ev) ->
ev.dispatcher.lock @, 'mouseMove', 'mouseUp'
@_mouseDown = @$().offset()
@_mouseDown.pageX = ev.pageX
@_mouseDown.pageY = ev.pageY
@_mouseDown.dispatcher = ev.dispatcher
console.log 'mouseDown'
@ppcano
ppcano / logo_switch_button.css
Created July 10, 2012 08:32
Flip Switch Button with Ember on Touch Environment
@white00:#fefefe;
@white01:#f9f9f9;
@white02:#fbfbfb;
@white03:#f0f0f0;
@white04:#efefef;
@grey00:#919191;
@grey01:#7d7d7d;
@grey02:#7f7f7f;
@grey03:#b6b6b6;
@pixelcort
pixelcort / gist:1820866
Created February 13, 2012 22:04
relationships using DS.Store#filter
App.FirstModel = DS.Model.extend({
foreignUnsorted: function() {
return App.store.filter(App.ForeignModel, function(hash) {
return false;
});
}.property().cacheable(),
foreign: function() {
var foreignUnsorted = this.get('foreignUnsorted');
return foreignUnsorted.toArray().sort(function(a,b) {
@ppcano
ppcano / tab_view.js
Created February 3, 2012 11:13
new tab view
require('app/app');
var get = Ember.get , set = Ember.set, setPath = Ember.setPath, getPath = Ember.getPath;
// Tab View was created because a general Tab did not
// work because the flip animation
// with z-index opacity feature won't work, because it shows the hidden z-index panels
App.TabMainView = Ember.Mixin.create({
@ppcano
ppcano / Makefile
Created January 19, 2012 11:35
assetfile
update:
rm -rf packages/*; \
cp -pr ~/Git/forks/ember.js/packages/* ./packages; \
cp -pr ~/Git/forks/sproutcore-touch/packages/ember-touch ./packages; \
cp -pr ~/Git/emberjs/ember-mk/packages/ember-mk ./packages