Skip to content

Instantly share code, notes, and snippets.

#ex3_container { width:200px; height:200px; background-color:yellow; position:relative; }
#ex3_content { left:50%; top:50%; transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
background-color:gray; color:white; position:absolute; }
@rauhryan
rauhryan / ember-model.js
Created July 23, 2013 22:04
Model library for ember
var attr = Ember.attr, hasMany = Ember.hasMany;
// Model definitions
App.User = Ember.Model.extend({
id: attr(),
name: attr(),
comments: hasMany("App.Comment", {key: 'comment_ids'})
});
App.User.url = "/users";
@rauhryan
rauhryan / new_gist_file
Created July 23, 2013 20:02
Ember's BufferedProxy and analog to Ruby's method_missing
http://coryforsyth.com/2013/06/27/ember-buffered-proxy-and-method-missing/
@rauhryan
rauhryan / gist:6045348
Created July 20, 2013 14:56
Current data collection code for huboard
class Board
board_method = self.instance_method(:board)
def couch
@couch ||= Huboard::Couch.new :base_url => ENV["CLOUDANT_URL"]
end
define_method(:board) do
api = connection_factory.call
@rauhryan
rauhryan / jison.js
Created July 12, 2013 17:46
# Jison Your friendly JavaScript parser generator! > http://jison.org
// mygenerator.js
var Parser = require("jison").Parser;
// a grammar in JSON
var grammar = {
"lex": {
"rules": [
["\\s+", "/* skip whitespace */"],
["[a-f0-9]+", "return 'HEX';"]
]
@rauhryan
rauhryan / At.js
Created July 12, 2013 16:27
At.js, a github-like autocomplete library
$(textarea).atjs()
@rauhryan
rauhryan / Stylie.md
Created July 12, 2013 16:23
Stylie - A fun CSS animation tool, powered by Rekapi http://jeremyckahn.github.io/stylie/

Cool tool for visualizing css animations

@rauhryan
rauhryan / jquery.mentionsInput,js
Created July 12, 2013 16:28
jquery.mentionsInput jquery.mentionsInput is a small, but awesome UI component that allows you to "@mention" someone in a text message, just like you are used to on Facebook or Twitter. http://podio.github.io/jquery-mentions-input/
$('textarea.mention').mentionsInput({
onDataRequest:function (mode, query, callback) {
var data = [
{ id:1, name:'Kenneth Auchenberg', 'avatar':'http://cdn0.4dots.com/i/customavatars/avatar7112_1.gif', 'type':'contact' },
{ id:2, name:'Jon Froda', 'avatar':'http://cdn0.4dots.com/i/customavatars/avatar7112_1.gif', 'type':'contact' },
{ id:3, name:'Anders Pollas', 'avatar':'http://cdn0.4dots.com/i/customavatars/avatar7112_1.gif', 'type':'contact' },
{ id:4, name:'Kasper Hulthin', 'avatar':'http://cdn0.4dots.com/i/customavatars/avatar7112_1.gif', 'type':'contact' },
{ id:5, name:'Andreas Haugstrup', 'avatar':'http://cdn0.4dots.com/i/customavatars/avatar7112_1.gif', 'type':'contact' },
{ id:6, name:'Pete Lacey', 'avatar':'http://cdn0.4dots.com/i/customavatars/avatar7112_1.gif', 'type':'contact' }
];