- 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 likeborder-bottom: 1px solid palette-color('background', 'dark');
orcolor: palette-color('primary');
Eli Dupuis elidupuis
-
Showbie
- Victoria, Canada
- Sign in to view email
- http://elidupuis.com
View jquery-patching-tips.sh
# 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: | |
View jquery_plugin_template.js
(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'); |
View gist:1041037
$('#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({ |
View underscore_conditionals.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 %> <% } %>"); |
View inline-image.scss
.some-selector { | |
background: white #{inline_image("image.png")} | |
} |
View _ember-color-palette-component.md
View ember-addon-essentials.md
Filling out
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:
-
Ember Addon Secrets - Written around the Ember 2.6 era, this article takes a much deeper dive into several of the topics mentioned here.
package.json
Filling out
View jquery.imagesloaded.js
// $('img.photo',this).imagesLoaded(myFunction) | |
// execute a callback when all images have loaded. | |
// needed because .load() doesn't work on cached images | |
// Modified with a two-pass approach to changing image | |
// src. First, the proxy imagedata is set, which leads | |
// to the first callback being triggered, which resets | |
// imagedata to the original src, which fires the final, | |
// user defined callback. |
View style_guide.md
High level style in javascript.
Opinions are like assholes, every one has got one.
This one is mine.
Punctuation: who cares?
Punctuation is a bikeshed. Put your semicolons, whitespace, and commas where you like them.
OlderNewer