Julien Knebel jkneb
jkneb
/ index.html
Created
February 6, 2013 16:56
A CodePen by Julien Knebel. Ken's Street Fighter II with animated sprites - Make Ken walk / punch / kick / jump / etc. with your keyboard. I assigned portions of png sprites to css class names, then added some css animations in it and finally used simple JS events to add / remove them on Ken.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="stage"> | |
| <div class="ken stance"></div> | |
| </div> | |
| <div class="commands"> | |
| <h1>Control Ken's moves with keyboard</h1> |
jkneb
/ sass_converter.rb
Last active
December 19, 2015 01:38
— forked from wolfeidau/sass_converter.rb
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| module Jekyll | |
| # Sass plugin to convert .scss to .css | |
| # | |
| # Note: This is configured to use the new css like syntax available in sass. | |
| require 'sass' | |
| class SassConverter < Converter | |
| safe true | |
| priority :low | |
| def matches(ext) |
jkneb
/ Gruntfile.js
Created
July 24, 2013 16:48
grunt-ember-handlebars plugin config for the Gruntfile + package.json. You'll have to update the Gruntfile with YOUR correct path to templates files. 1. Run `npm install` 2. Run `grunt` or `grunt watch`
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| module.exports = function(grunt) { | |
| grunt.initConfig({ | |
| pkg: grunt.file.readJSON( 'package.json' ), | |
| ember_handlebars: { | |
| options: { | |
| processName: function(filePath) { | |
| var shortFilePath = filePath.replace(/assets\/js\/app\/templates\//, '').replace('.hbs', ''); | |
| return shortFilePath; | |
| }, |
jkneb
/ Gruntfile.js
Last active
December 23, 2015 07:09
grunt-ember-templates plugin configuration for the Gruntfile + package.json. You'll have to update the Gruntfile with YOUR correct path to templates files. 1. Run `npm install` 2. Run `grunt` or `grunt watch`
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| module.exports = function(grunt) { | |
| grunt.initConfig({ | |
| pkg: grunt.file.readJSON( 'package.json' ), | |
| emberTemplates: { | |
| compile: { | |
| options: { | |
| templateBasePath: /assets\/js\/app\/templates\// | |
| }, | |
| files: { |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* | |
| * Read more here: | |
| * http://front-back.com/a-cool-css-spinner-with-less-variables | |
| */ | |
| /* | |
| * This is a nice full CSS3 loader made with LESS | |
| * so you'll have to compile it into CSS to make it work in your project | |
| * See the doc on the LESS website : http://lesscss.org/ | |
| */ |