Navigation Menu

Skip to content

Instantly share code, notes, and snippets.

View elidupuis's full-sized avatar

Eli Dupuis elidupuis

30 followers · 24 following
View GitHub Profile
anonymous
anonymous / LINK tags to document with callback
Created July 2, 2010 19:32
@elidupuis
elidupuis / jquery_plugin_template.js
Created December 17, 2010 01:26
A base structure to use when building new plugins!
(function($) {
var methods = {
init: function( options ) {
// iterate and reformat each matched element
return this.each(function() {
var $this = $(this),
opts = $.extend({}, $.fn.PLUGIN_NAME.defaults, options),
data = $this.data('PLUGIN_NAME');
@AdrianGyuricska
AdrianGyuricska / gist:1041037
Created June 22, 2011 20:15
Slider
$('#selling nav a').click(function(){
var what = $(this).attr('href');
if($(this).hasClass('active') != true){
$(this).addClass('active').parent().siblings().children().removeClass('active');
$('.s-section:visible').animate({
left: '-700px'
}, 500, function() {
$(this).css({'left':'0'}).hide();
});
$(what).css({'left':'700px'}).show().animate({
@brianarn
brianarn / underscore_conditionals.js
Created May 4, 2010 22:37
Conditionals with underscore.js
// A means of using underscore.js to do templates with conditionals
// Inside of underscore's template, it returns a function that uses
// 'with' on a variable named obj, and you can touch into that using
// inline JS and <% %> wrappers
// A template with conditional display of last names:
var good = _.template("Hello: <%= name %> <% if (obj.lastname) { %> <%= lastname %> <% } %>");
// A template that tries to do that, but fails:
var bad = _.template("Hello: <%= name %> <% if (lastname) { %> <%= lastname %> <% } %>");
@anasnakawa
anasnakawa / inline-image.scss
Created October 16, 2012 17:15
Base64 inline images function using compass/sass
.some-selector {
background: white #{inline_image("image.png")}
}
@chrislopresto
chrislopresto / _ember-color-palette-component.md
Last active June 30, 2016 16:09
Ember Color Palette Component
  • Technique lifted directly from https://scotch.io/tutorials/aesthetic-sass-2-colors
  • base.scss comes before color-palette.scss
  • The palette-color scss function lets you do things like border-bottom: 1px solid palette-color('background', 'dark'); or color: palette-color('primary');
@BrianSipple
BrianSipple / ember-addon-essentials.md
Last active April 17, 2017 18:27
Ember Addon Essentials -- A checklist of some of the finer details to keep in mind when developing Ember addons

Ember Addon Essentials

This document is meant to be a brief "checklist" of things to setup for your Ember addon when beginning development in order to have the best possible architecture and workflow out of the gate. For more comprehensive material, the following are bookshelf-caliber:

Filling out package.json

@rwaldron
rwaldron / jquery-patching-tips.sh
Created November 11, 2010 16:20
# Tips for jQuery Bug Patching
# There are some assumptions made here, one being that you're
# set up with some form of "localhost" http server and that it's running.
# - http://www.mamp.info/en/mamp/
# - sudo apt-get install apache2
# Get it running:
# On Mac:
@pjkix
pjkix / css-stats-ack.sh
Created October 5, 2011 21:39
shell script to generate some css file statistics
#!/bin/bash
## v1.0.6
## this script will gernerate css stats
### example output
# CSS STATS
# ----------
# Floats: 132
@nateps
nateps / gist:1172490
Created August 26, 2011 01:38
Hide the address bar in a fullscreen iPhone or Android web app
<!DOCTYPE html>
<meta charset=utf-8>
<meta name=viewport content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name=apple-mobile-web-app-capable content=yes>
<meta name=apple-mobile-web-app-status-bar-style content=black>
<title>Test fullscreen</title>
<style>
html, body {
margin: 0;
padding: 0;