Skip to content

Instantly share code, notes, and snippets.

Julien Knebel jkneb

View GitHub Profile
@jkneb
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>
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
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;
},
@jkneb
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
jkneb / spinner.css
Last active Nov 6, 2016
CSS spinner with LESS
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/
*/
You can’t perform that action at this time.