mir.aculo.us

6 easy things you can do to improve your JavaScript runtime performance

Thomas Fuchs — Sun, 08 Nov 2009 13:52:27 +0000

Here are the slides from my “Extreme JavaScript Performance” talk that I gave at JSConf.eu on November 7 in Berlin. I’m talking about 6 easy things you can do to improve your JavaScript runtime performance, ranging from simple things (function inlining) to some quite surprising findings on how JavaScript engines deal with loops. View more documents from [...]

A 50 Lines-of-Code JavaScript Animation Framework: Say Hello to Émile

Thomas Fuchs — Sat, 07 Nov 2009 09:55:50 +0000

At my talk at Fronteers, I introduced Émile, a JavaScript animation framework, that’s framework-agnostic, and just takes up about 50 lines of code. With Gzipping, and minification, it’s well under 1k in size. Consider it experimental, but most things you’d ever need are supported, supporting IE6 and up, and modern web browsers (Firefox, Safari, Chrome), [...]

Last chance for a seat at JavaScript Masterclass Berlin!

Thomas Fuchs — Tue, 03 Nov 2009 13:49:27 +0000

Just 6 days now until our second JavaScript Masterclass in Berlin, Germany! We’ve only two seats left so act fast if you’d like to join on in on a day of advanced JavaScript. As a special treat for my readers, use coupon code readerluv for €30 off the regular price! Head over to javascriptmasterclass.com to [...]

31 ways to speed up your JavaScript

Thomas Fuchs — Tue, 20 Oct 2009 15:19:33 +0000

Is your JavaScript slow JavaScript? Don’t fear, we’ve put up a handy dandy JavaScript performance checklist for you! Grab the PDF for free at slowjavascript.com! We’ll also be sending out free optimization tips and tricks from time to time– sign up to our newsletter to get them! These great tips and tricks are drawn straight from our [...]

Pinch, Twist, Zoom: Bringing Multitouch to a Browser Near You

Thomas Fuchs — Thu, 15 Oct 2009 12:50:33 +0000

I’ve been working this past year together with Nokia to bring multitouch APIs to a browser near you, and this is how it looks and feels like, in a little demo of just about 50 lines of JavaScript code: Nokia’s new technology is the Starlight browser, a browser based on the Qt port of WebKit, and [...]

Instant Time Tracking from Git commit messages

Thomas Fuchs — Mon, 12 Oct 2009 18:08:06 +0000

We just launched something really awesome that just might change your way you think time tracking can be done. Personally, I think this is super-fricking-amazingly-awesome, not having to go through a GUI at all for tracking time, rather just adding a little bit of functionality to stuff you already do anyway. So Freckle Time Tracking now [...]

Homework! Interface Design Basics for Developers

Thomas Fuchs — Sat, 10 Oct 2009 09:28:28 +0000

Here’s an awesome presentation on Interface Design Basics from Samo Korošec. Interface Design Basics Some good reading and thinking material for the weekend! And maybe helps to make the web a little bit more use- and beautiful! Tweet This Post Digg This Post

Berlin JavaScript Master Class in November

Thomas Fuchs — Mon, 05 Oct 2009 09:00:01 +0000

Amy Hoy and I proudly present our second JavaScript Master Class, this time it’s right after JSConf.eu in Berlin, Germany, on November 9, 2009. If you’re at the intermediate or advanced level in your JavaScript practice, now’s the best time to level up to expert– you will learn boatloads, whether you use Prototype, jQuery, Mootools, or [...]

textorize: Pristine Font rendering for the Web

Thomas Fuchs — Tue, 29 Sep 2009 09:48:04 +0000

Update October 6, 2009: http://textorize.org is now live and the main resource for the textorize project! We all want really nice looking web typography, and there’s a ton of solutions out there. Here’s mine. I’ve to warn you, it’s very lo-tech. It’s done with images. But with really nice ones. In the image above, note how the [...]

Force-redraw DOM technique for WebKit-based browsers

Thomas Fuchs — Fri, 25 Sep 2009 15:43:04 +0000

Something I’ve tried when I had an issue with Safari 4 not properly layouting/rendering an element after setting a new value for its innerHTML: element.style.webkitTransform = 'scale(1)'; This did the trick and should work with Safari, Chrome and other browsers that are based on WebKit. If you need a more general solution for elements that don’t seem to [...]