Skip to content

Instantly share code, notes, and snippets.

@kof
kof / famous-scrollview.js
Created May 19, 2014
famous scrollview
View famous-scrollview.js
/* globals define */
define(function(require, exports, module) {
'use strict';
// import dependencies
var Engine = require('famous/core/Engine');
var Modifier = require('famous/core/Modifier');
var Transform = require('famous/core/Transform');
var Scrollview = require("famous/views/Scrollview");
var View = require('famous/core/View');
var Surface = require('famous/core/Surface');
@kof
kof / structure.md
Last active Aug 29, 2015
Project structure
View structure.md

app

  1. lib (app unspecific, installed from bower, npm or component) - lib1
  2. src (app specific) - screens (take components and build screens)
    • screen1
      • models
        • Model1.js
      • views
        • View1.js
@kof
kof / SomeView.js
Last active Aug 29, 2015
RenderController
View SomeView.js
SomeView.prototype.show = function() {
var prevAnimation = {
transition: {},
transform: {}
}
var thisAnimation = {
transition: {},
transform: {}
}
@kof
kof / app.js
Created Jun 25, 2014
Famo.us app init
View app.js
exports.ready = new Promise(function(fulfill, reject) {
var isResized, isDomReady
var isDeviceReady = !window.cordova
context.on('resize', function() {
isResized = true
resolve()
})
domready(function() {
@kof
kof / BaseTransition.js
Created Jun 30, 2014
Transitions class to apply to RenderController
View BaseTransition.js
define(function(require, exports, module) {
'use strict'
var CachedMap = require('famous/transitions/CachedMap')
var Transform = require('famous/core/Transform')
var _ = require('underscore')
function BaseTransition(options) {
var o = this.options = _.extend({}, this.constructor.DEFAULT_OPTIONS, options)
var spec = this.spec = {}
@kof
kof / fastClickSurfacePatch.js
Created Jul 15, 2014
Fixes issue with FastClick
View fastClickSurfacePatch.js
define(function(require, exports, module) {
var Surface = require('famous/core/Surface')
// https://github.com/Famous/core/issues/37
Surface.prototype.emit = function(type, event) {
if (event && !event.origin) event.origin = this;
return this.eventHandler.emit(type, event);
}
})
@kof
kof / Section.js
Last active Aug 29, 2015
Example of a react component with jss
View Section.js
'use strict'
import React from 'react'
import useSheet from 'react-jss'
import sectionStyle from './sectionStyle'
import Item from './Item'
/**
* One list section which has a title and list items.
*/
@kof
kof / defer 1
Created Jan 21, 2011
deffered function execution
View defer 1
(function(global){
var $ = global.jQuery || global,
D = Date,
now = D.now || function() {
return (new D).getTime();
};
// if once is true, fn will be executed only once if called more then one times during the time in delay.
// if once is not defined or false, fn will be executed periodically, period is delay.
View create.js
require('./schema');
var m = require('mongoose');
var Model = m.model('mymodel');
var model = new Model({
name: 'test',
elements: [{
@kof
kof / inherits.js
Created Mar 24, 2011
nodejs like utility method for inheritance
View inherits.js
/**
* Inherit prototype properties
* @param {Function} ctor
* @param {Function} superCtor
*/
_.mixin({
inherits: (function(){
function noop(){}
function ecma3(ctor, superCtor) {
You can’t perform that action at this time.