jkneb
/ Gruntfile.js
Last active Dec 23, 2015
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`
View Gruntfile.js
| module.exports = function(grunt) { | |
| grunt.initConfig({ | |
| pkg: grunt.file.readJSON( 'package.json' ), | |
| emberTemplates: { | |
| compile: { | |
| options: { | |
| templateBasePath: /assets\/js\/app\/templates\// | |
| }, | |
| files: { |
jkneb
/ Gruntfile.js
Created Jul 24, 2013
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`
View Gruntfile.js
| 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; | |
| }, |
View spinner.css
| /* | |
| * 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/ | |
| */ |
jkneb
/ sass_converter.rb
Last active Dec 19, 2015
— forked from wolfeidau/sass_converter.rb
View sass_converter.rb
| 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
/ index.html
Created Feb 6, 2013
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.
View index.html
| <div class="stage"> | |
| <div class="ken stance"></div> | |
| </div> | |
| <div class="commands"> | |
| <h1>Control Ken's moves with keyboard</h1> |