paulirish

this project has moved

check out github.com/desandro/imagesloaded

bebraw

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

madrobby

<!-- example for the http://retinafy.me ebook -->

<style>
  div.rss {
    background: url(rss.svg);
    width: 32px;
    height: 32px;
  }
  
  body.no-svg div.rss {

lorenzopolidori

function has3d(){
    if (!window.getComputedStyle) {
        return false;
    }
    
    var el = document.createElement('p'),
    has3d,
    transforms = {
        'webkitTransform':'-webkit-transform',
        'OTransform':'-o-transform',

tomsarduy

Via jQuery:

if (!Modernizr.svg) { 
    $("#logo").css("background-image", "url(fallback.png)"); 
}

Via CSS:

#logo {
    background: url(logo.svg); //svg by default

jish

// A thing I want to do
// This flow only involves **one** promise, for example an ajax call
// None of the subsequent `then` or `catch` calls, return new promises.



var explode = false;
var promise = new Promise(function(resolve, reject) {
  if (explode) {

webinista

/**
 * See it in action http://demos.tiffanybbrown.com/2014/select-menu/
 **/

/**
 * For later versions of Firefox, Safari, Chrome, and Opera 
 **/
select {
	-webkit-appearance: none; /* Safari, Chrome, Opera, etc */
	   -moz-appearance: none; /* Firefox */

paulirish

What forces layout / reflow

All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.

Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.

Element APIs

Getting box metrics

• elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent

forabi

❯ rollup --version
rollup version 0.25.3

❯ time rollup -c ./rollup.js                      
rollup -c ./rollup.js  4.65s user 0.22s system 118% cpu 4.131 total

❯ time webpack                      
Hash: ebb00bbccd954c114d3c
Version: webpack 2.0.7-beta
Time: 3623ms