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
@elidupuis
elidupuis / controllers.application.js
Last active July 9, 2019 19:15
Parent animator changing position V2
import Ember from 'ember';
// import fade from 'ember-animated/transitions/fade';
import move from 'ember-animated/motions/move';
import { fadeIn, fadeOut } from 'ember-animated/motions/opacity';
import { easeIn, easeOut, easeInAndOut } from 'ember-animated/easings/cosine';
export default Ember.Controller.extend({
appName: 'Ember Twiddle',
isThingActive: false,
@elidupuis
elidupuis / controllers.application.js
Last active July 8, 2019 19:15
Simply icon slide animation
import Ember from 'ember';
// import fade from 'ember-animated/transitions/fade';
import move from 'ember-animated/motions/move';
import { fadeIn, fadeOut } from 'ember-animated/motions/opacity';
import { easeIn, easeOut, easeInAndOut } from 'ember-animated/easings/cosine';
export default Ember.Controller.extend({
appName: 'Ember Twiddle',
isThingActive: false,
@elidupuis
elidupuis / controllers.application.js
Created July 4, 2019 18:53
New Twiddle
import Ember from 'ember';
import { adjustCSS } from 'ember-animated/motions/adjust-css';
import move from 'ember-animated/motions/move';
export default Ember.Controller.extend({
appName: 'Ember Twiddle',
inset: false,
*transition({ insertedSprites, removedSprites }) {
@elidupuis
elidupuis / controllers.application.js
Last active June 27, 2019 22:23
Ember Animated Tools Error
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle'
});
@elidupuis
elidupuis / controllers.application.js
Last active June 27, 2019 18:10
Animated List Selection
import Ember from 'ember';
import move from 'ember-animated/motions/move';
import adjustCSS from 'ember-animated/motions/adjust-css';
import { fadeOut } from 'ember-animated/motions/opacity';
import { easeOut, easeIn } from 'ember-animated/easings/cosine';
const rollUp = function * ({ keptSprites, removedSprites, duration }) {
let [kept] = keptSprites;
for (let sprite of keptSprites) {
let z = removedSprites.length + 1;
@elidupuis
elidupuis / README.md
Last active January 2, 2016 10:59
The Circles of Life

Dev setup

python -m SimpleHTTPServer 8080
sass --watch style.scss:style.css
@elidupuis
elidupuis / README.md
Created November 27, 2013 22:49
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
elidupuis / setup.sh
Last active December 25, 2015 21:49
Steps to get up and running with Grunt.js, from scratch.
# install nvm
# see https://github.com/creationix/nvm
# be sure to restart your terminal after this step
curl https://raw.github.com/creationix/nvm/master/install.sh | sh
# install Node
# use nvm. if you cannot, download binary from Node website http://nodejs.org/download/
nvm help
nvm ls-remote
# install a recent version
@elidupuis
elidupuis / index.html
Created March 8, 2013 06:57
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 …
<h1>Using both small and large grids</h1>
<ul class='small-block-grid-2 large-block-grid-4'>
<li><img src='http://placekitten.com/g/200/220' /></li>
<li><img src='http://placekitten.com/g/200/200' /></li>
<li><img src='http://placekitten.com/g/200/280' /></li>
<li><img src='http://placekitten.com/g/200/250' /></li>
<li><img src='http://placekitten.com/g/200/240' /></li>
<li><img src='http://placekitten.com/g/200/270' /></li>
<li><img src='http://placekitten.com/g/200/230' /></li>
@elidupuis
elidupuis / gist:4596282
Last active December 11, 2015 11:48 — forked from pulkitsinghal/gist:1481376
Import repo from Unfuddle to BitBucket
mkdir temp
cd temp
git clone git@yourDomain.unfuddle.com:yourDomain/yourRepoName.git
cd yourRepoName/
git remote rm origin
git remote add origin https://yourUsername@bitbucket.org/yourUsername/yourNewRepoName.git
git remote show origin
git push origin master
cd ../..
rm -rf temp