Skip to content

Instantly share code, notes, and snippets.

View justinmc's full-sized avatar

Justin McCandless justinmc

View GitHub Profile
@justinmc
justinmc / main.coffee
Created February 4, 2013 07:57
Requirejs config file to get `yeoman build` working with jQuery Mobile and Backbone
###
The main requirejs file
###
require.config
paths:
"jquery": "vendor/jquery.min"
"underscore": "vendor/lodash.min"
"backbone": "vendor/backbone-min"
(function($){
var addClass = $.fn.addClass;
$.fn.addClass = function(value) {
var orig = addClass.apply(this, arguments);
var elem,
i = 0,
len = this.length;
for (; i < len; i++ ) {
@justinmc
justinmc / svgclass.js
Last active August 5, 2018 15:05 — forked from shshaw/svgclass.js
(function($){
/* addClass shim
****************************************************/
var addClass = $.fn.addClass;
$.fn.addClass = function(value) {
var orig = addClass.apply(this, arguments);
var elem,
i = 0,
@justinmc
justinmc / gist:9149719
Last active October 15, 2018 18:05
Sample Gulpfile
var gulp = require('gulp');
var clean = require('gulp-clean');
var jshint = require('gulp-jshint');
var concat = require('gulp-concat');
var uglify = require('gulp-uglify');
var imagemin = require('gulp-imagemin');
var bases = {
app: 'app/',
@justinmc
justinmc / gist:9160645
Created February 22, 2014 19:23
jQuery Open Carousel Example - HTML
<div class="ocarousel example_photos" data-ocarousel-perscroll="3">
<div class="ocarousel_window">
<img src="http://www.justinmccandless.com/img/posts/qingdao/qingdao_normal_0.jpg" />
<img src="http://www.justinmccandless.com/img/posts/qingdao/qingdao_normal_1.jpg" />
<img src="http://www.justinmccandless.com/img/posts/qingdao/qingdao_normal_2.jpg" />
<img src="http://www.justinmccandless.com/img/posts/qingdao/qingdao_normal_3.jpg" />
<img src="http://www.justinmccandless.com/img/posts/qingdao/qingdao_normal_4.jpg" />
<img src="http://www.justinmccandless.com/img/posts/qingdao/qingdao_normal_5.jpg" />
<img src="http://www.justinmccandless.com/img/posts/qingdao/qingdao_normal_6.jpg" />
<img src="http://www.justinmccandless.com/img/posts/qingdao/qingdao_normal_7.jpg" />
@justinmc
justinmc / gist:9179795
Created February 24, 2014 00:52
Sample Gulpfile - Hello World
var gulp = require('gulp');
gulp.task('default', function() {
console.log('Hello world.');
});
@justinmc
justinmc / gist:9179801
Last active March 29, 2016 04:59
Sample Gulpfile - Copying Files
var gulp = require('gulp');
var paths = {
scripts: ['app/scripts/**/*.js'],
html: ['app/index.html', '!app/test.html'],
dist: 'dist/'
};
gulp.task('default', function(){
gulp.src(paths.scripts.concat(paths.html))
@justinmc
justinmc / build.js
Created March 10, 2014 07:07
Requirejs Sample Build File
({
baseUrl: 'app/scripts/',
mainConfigFile: 'app/scripts/main.js',
out: 'dist/output.min.js',
optimize: 'uglify2',
include: ['main'],
name: '../bower_components/almond/almond',
})
@justinmc
justinmc / main.js
Created March 10, 2014 07:10
Requirejs Sample Main File
requirejs.config({
baseUrl: 'app/scripts',
paths: {
sprite: 'sprite',
spriteDude: 'sprites/dude'
}
});
requirejs(['jquery'],
function ($) {
@justinmc
justinmc / gist:9837998
Last active February 2, 2019 21:14
SASS Zigzag Border
/* border-serrated - a zig zag triangle border with linear gradient
*/
@mixin border-top-serrated($size, $color-outer) {
& {
position: relative;
overflow: auto;
padding-top: $size;
}
&:before {
top: 0px;