Skip to content

Instantly share code, notes, and snippets.

View erikakers's full-sized avatar

Erik Akers erikakers

View GitHub Profile
@erikakers
erikakers / gist:9690805
Created March 21, 2014 17:04
Underscore extended object module
var Feature = (function(){
var Feature = function(){
this.init();
};
_.extend(Feature.prototype, {
init: function() {
console.log("Feature!");
}
@erikakers
erikakers / gist:9651093
Created March 19, 2014 20:58
Parsing an XML feed in to a json data model.
loadResultSnippits: function(results){
var documents = [];
for(var i = 0; i < results.length; i++){
var url = $(results[i]).attr('url'),
title = $(results[i]).find('content[name="title"]').text(),
fileType = $(results[i]).find('content[name="filetype"]').text(),
language = $(results[i]).find('content[name="language"]').text(),
date = $(results[i]).find('content[name="last-modified"]').text().substring(0, 14),
snippet = $(results[i]).find('content[name="snippet"]').text();
@erikakers
erikakers / gist:8653019
Created January 27, 2014 17:17
React.js Backbone Mixins
var ModelMixin = {
__syncedModels: [],
componentDidMount: function() {
// Whenever there may be a change in the Backbone data, trigger a reconcile.
this.getBackboneModels().forEach(this.injectModel, this);
},
componentWillUnmount: function() {
// Ensure that we clean up any dangling references when the component is
// destroyed.
this.__syncedModels.forEach(function(model) {
@erikakers
erikakers / backbonecomments.jsx
Created December 5, 2013 20:56
React Backbone
/**
* @jsx React.DOM
*/
var CommentModel = Backbone.Model.extend({
defaults: {
author: '',
text: '',
image: ''
}
@erikakers
erikakers / gist:7551880
Created November 19, 2013 20:21
Javascript: React JSX module template.
/**
* @jsx React.DOM
*/
var App.Views.MyComponent = React.createClass({
render: function() {
return (
<p>Awesome Code</p>
);
@erikakers
erikakers / SASS: Image Replacement Mixin
Created October 28, 2013 16:38
SASS: Image eplacement Mixin
@mixin image-replace($width, $height)
border: 0
font: 0/0 a
text-shadow: none
color: transparent
width: $width
height: $height
@erikakers
erikakers / gist:6786505
Created October 1, 2013 22:52
Javascript: Local Development App Debug
if ( location.hostname.indexOf('localhost') !== -1 ) {
App.debug = true;
var head = document.getElementsByTagName('head')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = 'http://localhost:35729/livereload.js';
head.appendChild(script);
}
@erikakers
erikakers / gist:6347334
Created August 26, 2013 22:17
SASS: Selector Vaiables
//Element Variables - Use quotes and comma separted values
$heading-tags: 'h1, h2, h3, h4, h5, h6'
// Usage
#{$heading-tags}
color: #ff0
@erikakers
erikakers / gist:6244431
Created August 15, 2013 20:18
HTML: All Elements
<body>
<h1>
Testing display of HTML elements
</h1>
<h2>
This is 2nd level heading
</h2>
<p>
This is a test paragraph.
</p>
@erikakers
erikakers / gist:6244394
Created August 15, 2013 20:15
Javascript: AssetsLoader
App.Helpers.AssetsLoader = function() {
window.Modernizr.load([
]);
};