w3core

/**
 * Calculate brightness value by RGB or HEX color.
 * @param color (String) The color value in RGB or HEX (for example: #000000 || #000 || rgb(0,0,0) || rgba(0,0,0,0))
 * @returns (Number) The brightness value (dark) 0 ... 255 (light)
 */
function brightnessByColor (color) {
  var color = "" + color, isHEX = color.indexOf("#") == 0, isRGB = color.indexOf("rgb") == 0;
  if (isHEX) {
    var m = color.substr(1).match(color.length == 7 ? /(\S{2})/g : /(\S{1})/g);
    if (m) var r = parseInt(m[0], 16), g = parseInt(m[1], 16), b = parseInt(m[2], 16);

andyshinn

{
    "require": {
        "mfacenet/hello-world": "v1.*"
    }
}

darsain

To make this work in CSS:

background: url('images.svg#chart');

or img:

<img src="images.svg#chart">

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

fcingolani

1. Add the [https://github.com/floatinghotpot/cordova-plugin-nativeaudio](Cordova Native Audio Plugin) to your project:

    cordova plugin add cordova-plugin-nativeaudio
   

2. Include sound-patch.js in your HTML, or just paste the code wherever you want it.

This doesn't support looping or volume. Modify the code to use NativeAudio.preloadComplex accordingly.

polm

Following is a translation of a post by Kenta Cho (@abagames) about what he learned making 50 minigames in 2014. The original post is here:

http://d.hatena.ne.jp/ABA/20141223#p1

This translation is by Paul McCann (@polm23); please feel free to contact me with any comments or corrections.

The Secret to Creating Fun Games I Learned By Making 50 Games in a Year

... is that there isn't one.

EduardoLopes

'What Colour Is It' in 466 bytes

annotated.html have comments to explain what is happening in that script;

• Responsive;
• Font resize based on the size of the window;
• Should take care of retina displays (i can't test)!
• Should support all recent browsers. (but i can't test all of then, would be nice some help).

magicznyleszek

1. copy your image (Ctrl+A and Ctrl+C)
2. make a new document-sized pure-black layer behind it
3. group the black layer and yor image together
4. add mask to the group
5. enter mask edit mode (alt+click on the mask icon/thumbnail)
6. paste your image in the mask (b/w) and then invert it.
7. save it as a 24-bit transparent PNG

AleBles

define(function (require) {
    "use strict";

    var Config = require('config'),
        configHelper = require('helpers/config');

    var hasCocoon = (typeof CocoonJS !== "undefined" && CocoonJS.nativeExtensionObjectAvailable !== false),
        constants = {};

    constants.ACH_REENACTMENT_WIN_21 = 'yourgoogleachievementidhere';

adamblank

::-webkit-scrollbar{
	width: 10px;
}

::-webkit-scrollbar-track-piece{
	background-color: #FFF;
}

::-webkit-scrollbar-thumb{
	background-color: #CBCBCB;