Photoshop-style blend modes for HTML Canvas Contexts

Adobe Photoshop has a variety of helpful blend modes for compositing images from multiple RGBA layers. This small library provides the same functionality for HTML Canvas Contexts, with the goal of producing the same results as Photoshop. Allows you to do stuff like: // Likely an ‘offscreen’ (not in the DOM) canvas var over = …

Instagram Unshredder Challenge: Javascript Solutions

Recently the engineers at Instagram challenged the interwebs to write some code that unshreds a chopped up image. Some of us took the liberty of solving the problem in Javascript, although it wasn’t one of the languages suggested. Solution by Joe Lambert Solution by Ron Ilan Solution by Diego Ferreiro Be sure to check and …

Developer Tools in Firefox Aurora 10

Aurora 10 (the next version of Firefox) now sports built-in developer tools. Using built-in tools, you can now peek into your page’s structure and layout. Choose “Inspect” from the “Web Developer” menu and you can visually select the page element that is of interest to you. Be sure to note Robert Nyman‘s comment in the …

HTML5 context menus in Firefox

You may not know it, but the HTML5 specifications go beyond what we put in the pages and also define how parts of the browser should become available to developers with HTML, CSS and JavaScript. One of these parts of the specs are context menus, or “right click menus”. Using HTML5 and a menu element …