Skip to content

Instantly share code, notes, and snippets.

View erikakers's full-sized avatar

Erik Akers erikakers

21 followers · 27 following
View GitHub Profile
@erikakers
erikakers / Features.js
Last active December 21, 2015 03:19
Javascript: Data Features Initialize
App.Features = {
init: function() {
var features = $('[data-features]'),
featuresArray = [],
$this = this;
if (!features.length) return false;
for (var i = 0, n = features.length; i < n; i++) {
var $element = $(features[i]),
func = $element.data('features');
featuresArray = func.split(' ');
@erikakers
erikakers / BasicFeatureModule.js
Last active December 21, 2015 03:19
Javascript: Loose Augmentation Module Pattern
App.Features.customFeature = (function(feature){
var els = {};
setEls = function(element) {
/* Cache any selectors that are needed */
/* els.element = $('.element') if using jQuery*/
};
method = function() {
/* Method/function to make magic happen. Add as many of this as need
@erikakers
erikakers / gist:6241848
Last active December 21, 2015 03:19
Javascript: Global Namespacing
window.App = {
Classes: {},
Controllers: {},
Constants: {},
Devices: {},
Features: {},
Functions: {},
Helpers: {},
Models: {},
Views: {}
@erikakers
erikakers / gist:6241861
Created August 15, 2013 15:38
Javascript: Underscore Template Values
_.templateSettings = {
interpolate: /\{\{\=(.+?)\}\}/gim,
evaluate: /\{\{([\s\S]+?)\}\}/gim,
escape: /\{\{\-(.+?)\}\}/gim
};
@erikakers
erikakers / gist:6242400
Created August 15, 2013 16:46
Sublime: User Settings
{
"caret_style": "phase",
"close_windows_when_empty": false,
"color_scheme": "Packages/Color Scheme - Default/Solarized (Dark).tmTheme",
"draw_white_space": "all",
"find_selected_text": true,
"fold_buttons": false,
"folder_exclude_patterns":
[
".svn",
@erikakers
erikakers / gist:6244394
Created August 15, 2013 20:15
Javascript: AssetsLoader
App.Helpers.AssetsLoader = function() {
window.Modernizr.load([
]);
};
@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: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: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 / 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