Skip to content

Instantly share code, notes, and snippets.

View Anenth's full-sized avatar
🎯
Busy building apps people love ❤️

Anenth Anenth

🎯
Busy building apps people love ❤️
View GitHub Profile
@Anenth
Anenth / gist:6128752
Created August 1, 2013 06:03
Parse js
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="http://www.parsecdn.com/js/parse-1.2.8.min.js"></script>
Parse.initialize("CqvQbKeavBips6SMg1w2HVl1dPFwdq3KOTYOhpwg", "Xu3fHRW5GWhVPgFFvlMiK0ACFSkaSmmzn8I87XqM"); //application key
var TestObject = Parse.Object.extend("TestObject");
//adding new element to the db
@Anenth
Anenth / gist:6319964
Created August 23, 2013 14:32
CSS: Bootstrap icons and theme for DataTables
.dataTables_wrapper {
position: relative;
clear: both;
zoom: 1; /* Feeling sorry for IE */
}
.dataTables_length {
float: right;
width:40%;

IMPORTANT! Remember to check out the wiki page at https://github.com/bebraw/jswiki/wiki/Game-Engines for the most up to date version. There's also a "notes" column in the table but it simply does not fit there... Check out the raw version to see it.

This table contains primarily HTML5 based game engines and frameworks. You might also want to check out the [[Feature Matrix|Game-Engine-Feature-Matrix]], [[Game Resources]] and [[Scene Graphs]].

Name Size (KB) License Type Unit Tests Docs Repository Notes
Akihabara 453 GPL2, MIT Classic Repro no API github Intended for making classic arcade-style games in JS+HTML5
AllBinary Platform Platform Dependent AllBinary 2D/2.5D/3D n
@Anenth
Anenth / notification.scss
Created May 12, 2014 15:14
Synamically change text color based on a background color
$notification-confirm: hsla(101, 72%, 37%, 1); // Green
$notification-warning: #ffc53a; // Yellow
$notification-alert: rgb(172, 34, 34); // Red
%notification {
border-radius: 10px;
display: block;
font-size: 1.5em;
font-family: sans-serif;
padding: 1em 2em;
@Anenth
Anenth / SassMeister-input.scss
Created May 22, 2014 16:56
Generated by SassMeister.com.
// ----
// Sass (v3.3.7)
// Compass (v1.0.0.alpha.18)
// ----
$base-font-size: 1em;
$font-size-h1 : $base-font-size * 2.25; // 16 * 2.25 = 36px
$font-size-h2 : $base-font-size * 2; // 16 * 2 = 32px
$font-size-h3 : $base-font-size * 1.75; // 16 * 1.75 = 28px
$font-size-h4 : $base-font-size * 1.5; // 16 * 1.5 = 24px
@Anenth
Anenth / SassMeister-input-HTML.html
Created May 29, 2014 04:57
Generated by SassMeister.com.
<div class="l-two-col">
<div class="l-first"></div>
<div class="l-second"></div>
</div>
<div class="l-three-col">
<div class="l-first"></div>
<div class="l-second"></div>
<div class="l-third"></div>
</div>
@Anenth
Anenth / SassMeister-input-HTML.html
Created July 9, 2014 09:04
Generated by SassMeister.com.
<a>hello</a>
@Anenth
Anenth / SassMeister-input.scss
Created July 25, 2014 14:35
Generated by SassMeister.com.
// ----
// Sass (v3.3.10)
// Compass (v1.0.0.alpha.20)
// ----
$sizes : small medium large;
@each $size in $sizes{
@include m($size) {
@include #{$size}-only() {
display: none;
@Anenth
Anenth / gulpfile.js
Created October 3, 2014 14:22
Gulp build
gulp.task("build:html", function() {
var cssFilter = $.filter(path.styles.css);
var jsFilter = $.filter(path.scripts.distjs);
var gutil = require('gulp-load-utils')(['log']);
return gulp.src(path.html.rawBase)
.pipe($.useref.assets().on("error", gutil.log))
.pipe(jsFilter)
.pipe(jsFilter.restore())
.pipe(cssFilter)
@Anenth
Anenth / Utils.scss
Last active August 29, 2015 14:10
Useful Sass mixins
// 1. BEM Mixin
@mixin e($name) {
@at-root &__#{$name} {
@content;
}
}
//modifiers get appended with "--" and the $name
@mixin m($name) {
@at-root &--#{$name} {