Skip to content

Instantly share code, notes, and snippets.

View rsperberg's full-sized avatar

rsperberg rsperberg

View GitHub Profile
@rsperberg
rsperberg / Gemfile
Last active August 29, 2015 13:58 — forked from kshsieh/Gemfile
source 'https://rubygems.org'
ruby '2.1.1'
gem 'rails', "4.0.2"
gem 'turbolinks', "~> 2.2.1"
gem 'pg', "~> 0.17.1"
gem 'haml-rails', "~> 0.5.3"
gem "bootstrap-sass", "~> 3.1.1"
@rsperberg
rsperberg / main.js
Last active August 29, 2015 14:01
Rotating codefamouses
// This code puts the text "codefamo.us" in the
// center of the display, colors it orange and then
// rotates it around the Z axis, then adds a blue
// "codefamo.us" that rotates around the Y axis.
// To make them display more clearly, a black background
// surface is added and, using a StateModifier, is
// translated behind the other two surfaces. (If the
// translation isn't done, the blue text flickers.)
//
// This example spun off of the rotating famo.us logo
@rsperberg
rsperberg / main.js
Last active August 29, 2015 14:01
RenderController example from famo.us, at http://famo.us/examples/0.2.0/views/rendercontroller/example
var Engine = require("famous/core/Engine");
var Modifier = require("famous/core/Modifier");
var Surface = require("famous/core/Surface");
var RenderController = require("famous/views/RenderController");
var mainContext = Engine.createContext();
var renderController = new RenderController();
var surfaces = [];
var counter = 0;
@rsperberg
rsperberg / main.js
Last active August 29, 2015 14:02
Spinning famo.us logo atop a background
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 Surface = require('famous/core/Surface');
var ImageSurface = require('famous/surfaces/ImageSurface');
var View = require('famous/core/View');
var StateModifier = require('famous/modifiers/StateModifier');
@rsperberg
rsperberg / main.js
Last active August 29, 2015 14:02
Spinning famo.us logo flickering atop a background
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 Surface = require('famous/core/Surface');
var ImageSurface = require('famous/surfaces/ImageSurface');
var View = require('famous/core/View');
var StateModifier = require('famous/modifiers/StateModifier');
@rsperberg
rsperberg / main.js
Created June 6, 2014 02:03
famo.us u positioning lesson part 4 refactored
var Engine = require('famous/core/Engine');
var Surface = require('famous/core/Surface');
var StateModifier = require('famous/modifiers/StateModifier');
var Transform = require('famous/core/Transform');
var mainContext = Engine.createContext();
// for Option 1
var translateModifierOne = new StateModifier({
transform: Transform.translate(200, 0, 0)
@rsperberg
rsperberg / main.js
Created June 6, 2014 05:13
Learnfamo.us spinning & circling logos
/* globals define */
define(function(require, exports, module) {
'use strict';
// import dependencies
var Engine = require('famous/core/Engine');
var Modifier = require('famous/core/Modifier');
var StateModifier = require('famous/modifiers/StateModifier');
var Transform = require('famous/core/Transform');
var View = require('famous/core/View');
var RenderController = require('famous/views/RenderController');
@rsperberg
rsperberg / email.md
Last active August 29, 2015 14:10 — forked from anotheruiguy/email.md

An aspiring UX developer recently contacted me [Dale Sande] and asked some interesting questions. The one that really got me was, "I'd love to hear more about your course (i.e., who is involved, what types of people attend and what were your original motivations for offering such materials?)"

What was my motivation? Why are there so few schools that offer this kind of course? Well, here is my response.


You sound like you are in the right track and learning some JavaScript will be beneficial for sure. More and more things will be going in that direction. jQuery is a good start, but be sure to spend some time learning the basics behind JS like ... what does it mean to be a loosely or dynamically typed language and what the hell is a prototype anyway? What is coercion and what is an object.

You make an interesting statement about JavaScript being a bridge between the front-end and back-end. What's interesting is that app engineers who were typically server-side devs are now front-end devs becaus

@rsperberg
rsperberg / essential-javascript-links.md
Last active October 5, 2022 17:10 — forked from ericelliott/essential-javascript-links.md
A fork that adds descriptions to Eric Elliott’s 142 essential JS links
@rsperberg
rsperberg / AngularJS-Resources-via-JonathanZWhite.md
Last active March 21, 2021 16:49
A fork of the list of 52 AngularJS resources collected by Jonathan White

#Angular Resources AngularJS is an open-source web application framework, maintained by Google and community, that assists with creating single-page applications, one-page web applications that only require HTML, CSS, and JavaScript on the client side. Its goal is to augment web applications with model–view–controller (MVC) capability, in an effort to make both development and testing easier.

This fork of AngularJS-resources by Jonathan Z White includes screen-captures of the websites and some self-descriptions (which appear within quotation marks) from those sites. It may lag behind the original as new links are added there. All of the resources, and their categorization, is from Jonathan Z. White.

Motivation