Supercharging your Grunt workflow

Over the last few months, my previous team and I at Zynga has been working hard on a more granular, JS-based alternative to Jasy. Without further ado, meet the Instant Play plugin collection for Grunt: Grunt Dependency Resolver (npm, github) Grunt Cruncher (npm, github) Grunt Vendor Mutator (npm, github) In today’s post, I will talk […]

mocha_sauce_screenshot

Tasty Mocha Sauce

This blog post is cross-posted on the Sauce Labs blog. Check it out for more awesome sauce! Mocha Sauce is a bleeding edge project that connects Mocha with Sauce Labs. It started as a fork of mocha-cloud (a project that unfortunately doesn’t seem to be maintained any longer), but now lives on its own and […]

A cherry tree.

Jasy, the ultimate web tool

This article was also posted on http://code.zynga.com. Head over to read more about our technical marvels! Never heard about Jasy? Worry not – you are not the only one. Jasy is a web tooling framework (read: fancy JS build system). If Grunt is a cherry, Jasy is a wonderful cherry tree. In fact, Jasy is […]

Painting the DOM to Canvas with Domvas

I’m happy to announce a new pet project of mine: Domvas. Domvas implements the missing piece that connects the DOM and Canvas. It gives to the ability to take arbitrary DOM content and paint it to a Canvas of your choice. That dialog that is a pain to layout in Canvas but needs to be […]

Getting productive with Sublime Text 2

I’ve been supercharging my development workflow in the last couple of days, and quite a few of you have asked me on Twitter to write a summary on my choices. Most of it centers around the excellent Sublime Text 2 text editor. Sublime is highly extensible through a Python-based plugin API, and by itself is […]

propertychange on Internet Explorer 9

Update #1: It just came to my attention that CSS3 Pie does in fact continue to work in IE9. I quickly skimmed through the source code but couldn’t find out why their code would still function. If any CSS3 PIE reads this, please get in touch! Maybe not all hope is lost, after all. Nope. […]

Simple URL parameters in JS

Nowadays when most of you do the heavy lifting in JS, chances are you want to lookup URL parameters. I definitely need it often, and I have a little snippet that converts params in your URL to a nice JS object. Here it goes: // this object gets filled with params var params = {}; […]

HTML5 D&D: dataTransfer data has to be set to allow drop

This is a quick tip for those that are still bold (or stupid) enough to try the incredibly messy HTML5 Drag & Drop spec. If you’re dragging div’s around and made them draggable (draggable=true) but wonder why the “dragover” event never fires on the target on Chrome: You have to set data on the transfer. […]