Various sections of the site go here

Wednesday, March 10th, 2010

Harmony: Canvas Drawing Tool

Category: Canvas, iPhone, Showcase

Harmony is a new drawing tool, a HTML5/Canvas experiment with great potential. It provides some unique brush styles, and can produce some great-looking charcoal pencil style sketches, among other things. Better to try it out than explain it in words. Creator Mr. Doob (Richard Cabello) explains how he used Canvas to make it darker the Read the rest…

Posted by Michael Mahemoff at 4:50 am

4.4 rating from 66 votes

Tuesday, March 9th, 2010

Spectrum Visualization with the HTML5 Audio Data API

Category: Sound

The HTML5 specification introduces the and media elements, and with them the opportunity to dramatically change the way we integrate media on the web. The current HTML5 media API provides ways to play and get limited information about audio and video, but gives no way to programatically access or create such media. We present a Read the rest…

Posted by Dion Almaer at 6:20 am

4 rating from 27 votes

Monday, March 8th, 2010

modulr: a CommonJS module implementation in Ruby for client-side JavaScript

Category: JavaScript, Ruby

modulr is a CommonJS module implementation in Ruby for client-side JavaScript Ruby? what does that have anything to do with it? Ah, its from one of those Prototype guys isn’t it…. Yup, Tobie is at it again, this time with modulr: modulr accepts a singular file as input (the program) on which is does static Read the rest…

Posted by Dion Almaer at 6:28 am

2.2 rating from 33 votes

Friday, March 5th, 2010

Friday fun: Let’s translate YUI3 to jQuery

Category: jQuery, Library, YUI

I just came across this wonderful Gist on gitHub: < View plain text > javascript var $; YUI().use(‘*’, function(Y){   $ = Y.get;   for(var p in Y) {       $[p] = Y[p];   } });   // test $(‘body’).append("boo!"); In case you want to use YUI3 but really really like jQuery syntax Read the rest…

Posted by Chris Heilmann at 8:52 am

2.4 rating from 71 votes

Firefox gets hardware acceleration in early stage

Category: Browsers, Performance

Bass Schouten is a cool name, and the Mozillan has presented Direct2D hardware acceleration. You have to grab Firefox nightly, do the about:config / gfx.font_rendering.directwrite.enabled game, but then you get to see it in action. IE9 showed off how they will support hardware rendering, and I am sure we will see more at MIX, but Read the rest…

Posted by Dion Almaer at 6:25 am

4.4 rating from 28 votes

Thursday, March 4th, 2010

Color Picker: Works even in IE6

Category: Component

Works even in IE6 Love that quote from the color picker over at RaphaelJS land. This plugin by Dmitry Baranovskiy gives you an easy color picker in short order: var icon = Raphael(“picker”, 23, 23).colorPickerIcon(11, 11, 10); icon.attr({cursor: “pointer”}).node.onclick = function () { document.getElementById(“benefits”).style.visibility = “visible”; var out = document.getElementById(“output”); = “visible”; // this Read the rest…

Posted by Dion Almaer at 6:02 am

3.4 rating from 39 votes

Wednesday, March 3rd, 2010

Touching Cloth; Canvas Fu

Category: Canvas

Andrew Hoyer shows his canvas Fu with Cloth, a great experiment using nice physics. What makes this simulation special is the speed at which everything is computed. Javascript (the language this is written in) is not exactly the most efficient language for this type of computation. This being said, much time was spent squeezing out Read the rest…

Posted by Dion Almaer at 6:12 am

4.8 rating from 65 votes

Tuesday, March 2nd, 2010

Fin: self updating template language

Marcus Westin has created a new templating language called fin. It is an interesting beast, and he gave us a run down: Since this past November I’ve been working on a realtime templating system I call “fin”. I’d love to get some eyes on it, and hope that you’ll find it exciting. There is no Read the rest…

Posted by Dion Almaer at 11:35 am

2.3 rating from 29 votes

Monday, March 1st, 2010

New performance case studies… starting with the Digg widget

Category: Performance

Would we all like Steve to sit down with us on our project and do a performance case study? Well, we may not get that, but we are getting to at least sit in on others. Steve has kicked off his long awaited series that runs performance case studies on third party content. I have Read the rest…

Posted by Dion Almaer at 6:53 am

4.1 rating from 34 votes

Saturday, February 27th, 2010

Mozilla JägerMonkey: Method based JIT + Trace based JIT = speed

Category: JavaScript, Mozilla, Performance

David Anderson: “TraceMonkey has rocket boosters, so it runs really fast when the boosters are on, but the boosters can’t always be turned on.” Opera’s new JIT compiler Carakan is doing well as we just posted. What is Mozilla doing with TraceMonkey? A lot. Mozilla JägerMonkey adds method based JIT (of V8 and Nitro fame) Read the rest…

Posted by Dion Almaer at 12:05 am

4.6 rating from 24 votes

Friday, February 26th, 2010

Opera 10.50 out for Mac, impressive performance and more

Category: Browsers

The Opera team has released 10.50 for Mac and along with it some impressive performance numbers: Stabilization Improvements: You will find that this build is much more stable than the pre-alpha build. More polished user interface: The whole UI is more polished now. We’re still not done yet, and expect more polishes and improvements in Read the rest…

Posted by Dion Almaer at 4:27 pm

4.6 rating from 39 votes

ZooTool by MooTool(s)

Category: MooTools, Showcase

Bastian Allgeier has developed a beautiful, native looking web application called ZooTool. Zootool is a visual bookmark tool for images, videos, documents and links. It is completely based on Mootools, even though it looks more like a Cappuccino app! Play with it. Enjoy it.

Posted by Dion Almaer at 6:25 am

4 rating from 42 votes

Thursday, February 25th, 2010

EnhanceJS: A library to progressively enhance

Category: Accessibility, JavaScript, Library

EnhanceJS is a new library from the Filament Group, who are serious about progressive enhancement and accessibility. What is EnhanceJS? EnhanceJS is a new JavaScript framework (a single 2.5kb JavaScript file once minified/gzipped) that that automates a series of browser tests to ensure that advanced CSS and JavaScript features will render properly before they’re loaded Read the rest…

Posted by Dion Almaer at 6:42 am

2.6 rating from 58 votes

Are you feeling touchy?

Category: Mobile

Reposted from my personal blog where I tinker with the Web. I tweet about this stuff here. As you move to a new platform, it is interesting to watch your brain morph over time. I remember switching from Windows to Mac. At first the fonts looked blurry and weird. The mouse pointer didn’t weight right. Read the rest…

Posted by Dion Almaer at 5:20 am

2.8 rating from 17 votes

Wednesday, February 24th, 2010

Custom checkbox and radio buttons using CSS

Category: CSS

In my never ending quest to find weird and wonderful ways to abuse CSS and all its little intricacies, I have come up with a pretty good way of using CSS to create custom radio and checkbox inputs without JavaScript, that are accessible, keyboard controlled, don’t use any hacks and degrade nicely in non supporting Read the rest…

Posted by Dion Almaer at 6:32 am

3.9 rating from 78 votes

Tuesday, February 23rd, 2010

jsFiddle: a Web playground

Category: Debugging, JavaScript, Utility

Piotr Zalewa has created a really great playground, jsFiddle, for testing sample code and playing with the Web. With an area for the holy trinity of the Web (HTML, CSS, JS) and an output region, you can get right to hacking. It goes beyond this though. You can also add resources, an Ajax echo backend, Read the rest…

Posted by Dion Almaer at 6:57 am

3.3 rating from 126 votes