Skip to content

Instantly share code, notes, and snippets.

Eli Dupuis elidupuis

Block or report user

Report or block elidupuis

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
elidupuis / bookmarklet.js
Created May 13, 2011
How to create a bookmarklet with an external js file.
View bookmarklet.js
// use this code as your href attribute on your 'Install this bookmarklet' anchor tag.
// borrowed from
javascript:(function(){var jsCode = document.createElement('script');jsCode.setAttribute('src', '');document.body.appendChild(jsCode);}());
elidupuis /
Last active Jun 22, 2018
Path from mouse or touch input

Simple Drawing Example

Click and drag your mouse (or finger on touch device) to draw a line. A new path is created for each touch or click.

Paths are stored in a nested array; you can inspect the variable in console: session (assuming the example is in it's own window).

elidupuis /
Last active Jan 2, 2016
The Circles of Life

Dev setup

python -m SimpleHTTPServer 8080
sass --watch style.scss:style.css
elidupuis /
Created Nov 27, 2013
Simple filtering example using Stapes.js and Rivets.js

Dependencies managed with Bower:

npm install -g bower
bower install

...Then open up index.html in a browser.

elidupuis /
Last active Dec 25, 2015
Steps to get up and running with Grunt.js, from scratch.
# install nvm
# see
# be sure to restart your terminal after this step
curl | sh
# install Node
# use nvm. if you cannot, download binary from Node website
nvm help
nvm ls-remote
# install a recent version
elidupuis / index.html
Created Mar 8, 2013
A CodePen by Eli Dupuis. Foundation block-grid - Foundation's block grids are awesome but they only work if all the elements are the same height. This SCSS snippet will allow the elements to be different heights. It works by simply clearing every nth element—based on how many columns you have. You can comment out the SCSS to see how the default …
View index.html
<h1>Using both small and large grids</h1>
<ul class='small-block-grid-2 large-block-grid-4'>
<li><img src='' /></li>
<li><img src='' /></li>
<li><img src='' /></li>
<li><img src='' /></li>
<li><img src='' /></li>
<li><img src='' /></li>
<li><img src='' /></li>
elidupuis / gist:4596282
Last active Dec 11, 2015 — forked from pulkitsinghal/gist:1481376
Import repo from Unfuddle to BitBucket
View gist:4596282
mkdir temp
cd temp
git clone
cd yourRepoName/
git remote rm origin
git remote add origin
git remote show origin
git push origin master
cd ../..
rm -rf temp
View application.controller.js
import Ember from 'ember';
export default Ember.Controller.extend({
appName:'Ember Twiddle'
View ember-set-error.js
Error: Assertion Failed: You must use Ember.set() to set the `currentState` property (of <app@component:ui/cell-assignment::ember1408>) to `[object Object]`.
at new Error (native)
at Error.EmberError (http://localhost:4200/assets/vendor.js:27314:21)
at Object._emberMetalCore.default.assert (http://localhost:4200/assets/vendor.js:16033:13)
at SETTER_FUNCTION [as currentState] (http://localhost:4200/assets/vendor.js:30817:34)
at _emberMetalMixin.Mixin.create._transitionTo (http://localhost:4200/assets/vendor.js:56379:44)
at Renderer.willDestroyElement (http://localhost:4200/assets/vendor.js:23700:12)
at Renderer.remove (http://localhost:4200/assets/vendor.js:23668:10)
at Object._emberMetalMerge.default.destroyElement (http://localhost:4200/assets/vendor.js:59776:21)
at Object._emberMetalMerge.default.cleanup (http://localhost:4200/assets/vendor.js:59768:25)
elidupuis /
Created Dec 6, 2012
D3 + Albers + zoom behavior

Alberta Aboriginal Treaty Lands.

You can’t perform that action at this time.