DmitryBaranovskiy

DmitryBaranovskiy

function assign(key, value) {
    eve.on("{}↔︎{}", function (f) {
        if (this == key) {
            eve.stop();
            f(value);
        }
    });
}
function get(o) {
    var res;

DmitryBaranovskiy

// This gist is based on eve (https://github.com/adobe-webplatform/eve), but really any event based API will do
// Idea is to recreate backbone-like model, but on events only

// Model here is a hash-map, but it shouldn’t be. You could implement any structure this way.

function model(id) {
    var modelid = ["model", id],
        name = function () {
            return modelid.concat.apply(modelid, arguments);
        };

DmitryBaranovskiy

DmitryBaranovskiy

function commonCase() {
	// common case
	el.animate({x: 10}, 1000, callback);

	// API
	var anim = new Anim;
	anim.timing.iterationDuration = 1000;
	var f = anim["function"] = new KeyFramesAnimFunction;
	f.property = "x";
	f.frames = new AnimFrameList;

DmitryBaranovskiy

Dear SVG WG,

While developing Raphaël I came across different issues with SVG API as a developer and in this letter I am going to share my experience of these issues and, more importantly, my approach to solve them with Raphaël API.

Start with easy one.

getBBox() — doesn’t take transformations into account. I guess there are cases when this is useful, but it would be nice to have ability to get bounding box of the object after transformation as well. Also I added x2 & y2 as a returning values. This made developer life a bit easier.

Transformations

DmitryBaranovskiy

var text = "Tweet…"

text.replace(/(^|\s)(?:#([\d\w_]+)|@([\d\w_]{1,15}))|(https?:\/\/[^\s"]+[\d\w_\-\/])|([^\s:@"]+@[^\s:@"]*)/gi, function(all, space, hashtag, username, link, email) {
    var res = '<a href="mailto:' + email + '">' + email + "</a>";
    hashtag && (res = space + '<a href="http://search.twitter.com/search?q=%23' + hashtag + '">#' + hashtag + "</a>");
    username && (res = space + '<a href="http://twitter.com/' + username + '">@' + username + "</a>");
    link && (res = '<a href="' + encodeURI(decodeURI(link.replace(/<[^>]*>/g, ""))) + '">' + link + "</a>");
    return res;
});