zsitro.com

AMD Module boilerplate with global fallback

zsitro — Fri, 10 May 2013 11:55:46 +0000

(function (window, undefined) {

    var PoniesModule = {
        info: "Yeeey"
    };

    // node
    if (typeof module === "object" && typeof module.exports === "object") {
        module.exports = PoniesModule;
    }
    // window
    else {
        window.PoniesModule = PoniesModule;
        // requireJS
        if (typeof define === "function" && define.amd) {
            define("poniesmodule", [], function () {
                return PoniesModule;
            });
        }
    }

})(this);

Usage example

require.config({
    paths: {
        "poniesmodule": "http://jsbin.com/uyucoq/latest.js"
    }
});

require(['poniesmodule'], function (poniesmodule) {
    console.log('app.init..', poniesmodule);
});

Demos: definition | usage

I think one thing is missing: delete global after loading module with requireJS..

LESS: Whitespaces in math operations

zsitro — Wed, 08 May 2013 20:54:43 +0000

/*
 * AFAIK:
 */
@iconsize: 200px;

.my-class{
	...
	left: (@iconsize + 100px); // Okay
	left: (@iconsize+100px); // Okay
	left: (@iconsize+ 100px); // Fail
	left: (@iconsize +100px); // Fail
	top: -@iconsize* 1.2; // Doesn't give a shit
	...
}

do fucking care your url’s letter case

zsitro — Sun, 28 Apr 2013 16:53:49 +0000

Had a half-hour debug inside a WebView on android when I realized that I “mis-cased” one of my css’ name.

Related: It’s a bit strange that Node did not care about this by default (like an apache server on windows).

HTML5 localstorage ‘illegal access’ bugfix

zsitro — Sat, 06 Apr 2013 10:46:55 +0000

/*
 * This will cause 'illegal access' exception
 * on Android ~2.3 inbuilt browsers if getItem() returns 'null'
 * cuz JSON.parse can not handle null as a parameter
*/
var  a = JSON.parse(localStorage.getItem(_key));

/*
 * Possible easy solution
*/
var  a = localStorage.getItem(_key) ? JSON.parse(localStorage.getItem(_key)) : null;

Make jQuery plugins work with Zepto

zsitro — Sun, 10 Mar 2013 17:17:42 +0000

Just replace the last line to match something like this:

(function($){
  $.fn.MyUselessPlugin = function (...) {
        [...]
    return this;
  };
})(this.jQuery || this.Zepto);

Please keep in mind that this hack will only work with plugins that use jQuery methods also implemented in Zepto.

How to extend Adobe Brackets language support based on file extension

zsitro — Wed, 06 Feb 2013 11:12:16 +0000

1. Go To: Brackets\www\editor\EditorUtils.js

2. Edit the corresponding line. For example to support .JSP files:

switch (ext) {
	...
	case "jsp":
		return "htmlmixed";
	...

CoffeeScript compiler setup for WebStorm

zsitro — Fri, 04 Jan 2013 09:08:18 +0000

0. Try to configure Node.js with coffe compiler parameters at “Run” > “Edit Configurations..” > “Node.js”. If you fail, move on to step 1.

1. Set up a compiler as an External Tool in Settings. Name the tool as whatever you want. In “Tool Settings” > “Parameters” add compiler parameters as you can see in fig#1. “Insert macro..” button opens a helpful window to choose between different directory parameters. If you want to compile only the opened file, choose $FilePath$ . For all .coffee files in current directory choose $FileDir$ . If you want to compile all .coffee files in the whole project directory select $ProjectFileDir$

2. Bind this compiler to a key that you love most or hit a random one for fun.

3. Hit F5 to compile.. Yaay!

Update: this article has been requested to be part of
the official documentation at jetbrains.com (WEB-6121)

WebStorm: Enable Zen Coding in JSP and other files

zsitro — Wed, 02 Jan 2013 14:40:41 +0000

Zen Coding expand event only fires inside “HTML File Type” files. You can change this setting on each snippet (which could last a day fig#1) or you can change this “HTML File Type” definition and include a *.JSP wildcard to it fig#2.

Ongoing smartTV project w/ 8tracks API

zsitro — Fri, 14 Dec 2012 18:21:27 +0000

More screenshots, demo video after alpha verison…

Quotes On Design Webapp [prototype preview]

zsitro — Mon, 03 Dec 2012 17:52:11 +0000

Quotes On Design Webapp [prototype preview] from Zsitro (Gabor Zsoter) on Vimeo.