Friday, February 29th, 2008

Components of Browser Performance

Category: Browsers, JavaScript

If you could increase the performance of the JavaScript engine that would be great, but it is only one cog in the machine that needs to improve. We have long seen issues to to DOM bottlenecks and the like, and John Resig has gone through and diagramed the pieces (above) and wrote: What’s interesting about Read the rest…

Posted by Dion Almaer at 2:02 am
1 Comment

4.2 rating from 74 votes

Thursday, February 28th, 2008

Every keystroke is a prisoner – a neat commenting trick

Category: JavaScript, PHP, Tip

My favourite kind of tutorial or trick are the ones that are very easy to do but make a lot of sense – you know the ones that make you slap your forehead and say “why didn’t I do that before?”. Dirk Ginader blogged about a commenting trick (in German) that is one of these. Read the rest…

Posted by Chris Heilmann at 3:57 am

3.9 rating from 45 votes

Wednesday, February 27th, 2008

gearsAJAXHelper: Using Gears as an optional speed boost

Category: Gears, Google, JavaScript, Performance

Ben Lisbakken, who sits 100 feet away from me, developed gearsAJAXHelper, a library that bridges the AJAX search and feed APIs with Gears, to get a speed improvement: We decided it would be cool to write a small library to make it easy for you AJAX APIs developers to write quick-loading, always fresh searches/feeds. The Read the rest…

Posted by Dion Almaer at 7:56 am
1 Comment

4 rating from 9 votes

Include: Pack your JavaScript with ease

Category: JavaScript, Performance, Utility

Brian Moschel just told us about Include: It determines which files to compress at runtime and automatically compresses them into one script using Dean Edwards’ Packer. You can include any JavaScript from any other JavaScript with a relative path: < View plain text > javascript include(‘myscript.js’); Then turn on compression like this: < View plain Read the rest…

Posted by Dion Almaer at 12:24 am

3.6 rating from 34 votes

Tuesday, February 26th, 2008

ECMAScript 4 Milestone 2 Released

Category: JavaScript

ECMAScript 4 M2 has been released and Francis Cheng has posted about the new version. M2 fully implements: classes and interfaces namespaces pragmas let, const, let-const iterators enumerability control type expressions / definitions / annotations runtime type checks (“standard mode”) nullability destructuring assignment slice syntax hashcode catchalls map & vector date & time improvements meta Read the rest…

Posted by Dion Almaer at 8:12 am

4.1 rating from 25 votes

JavaScript Functional Pattern Matching

Category: JavaScript

Adrien Friggeri has been playing with pattern matching in JavaScript a la functional programming. Take a look at the examples such as writing a factorial via matching: < View plain text > javascript function fact (n) {   return m.match(n,   [     [    0  , function ( ) { return 1   Read the rest…

Posted by Dion Almaer at 7:21 am
Comment here

3.3 rating from 15 votes

Canvas Polar Clock

Category: Articles, Canvas, JavaScript, Prototype

“agrath” has developed a very nice Canvas example using Prototype that makes use of a common Prototype-isms: Object.extend, Class.create, bind, enumerables, $w, $. The Polar Clock is a different visualization of time and the example walks through all of the work required to implement it using Prototype and Canvas, including the draw method: < Read the rest…

Posted by Dion Almaer at 6:31 am

3.6 rating from 23 votes

Monday, February 25th, 2008

How JavaScript Timers Work

Category: JavaScript

It is so great that John is blogging concepts from his upcoming book before it goes out. What a treat for us, and hopefully great marketing for his book! In How JavaScript Timers Work, John takes us through the actual mechanics of setInterval and setTimeout: This enables us to grok the difference between: < View Read the rest…

Posted by Dion Almaer at 7:03 am

4 rating from 31 votes

Thursday, February 21st, 2008

Feature Detection and Cross-Browser Widgets

Category: Articles, JavaScript

Peter Michaux has done some very thorough work on feature detection in the browser and cross browser widgets. In his feature detection article he walks through a myriad of approaches with pros and cons: Feature testing is not easy and there is no one right answer. From a practical stand point, the more strict your Read the rest…

Posted by Dion Almaer at 9:03 am

3.2 rating from 36 votes

Motionbox EventHandler: Event Subscription and Delegation

Category: JavaScript, Library, Prototype

The developers of MotionBox have written a custom Prototype.js based library to handle event delegation and they decided to open source their work. They told me: As you know, the technique of listening to events high in the DOM adds a lot of benefits. The two most notable are: The ability to bind to events Read the rest…

Posted by Dion Almaer at 8:45 am

3.9 rating from 34 votes

DOMAssistant 2.6 Released

Category: JavaScript, Library

DOMAssistant 2.6 has been released and the team focused on performance for this version. They have their own version of slickspeed which includes their library. The CSS changes include: Where querySelectorAll and getElementsByClassName aren’t available, DOMAssistant resorts to XPath to select elements, which is an approach that also has very impressive performance results, not to Read the rest…

Posted by Dion Almaer at 7:55 am
1 Comment

3.5 rating from 25 votes

Slickspeed Adds Dojo

Category: CSS, JavaScript, Performance

The MooTools folks have added Dojo 1.0.2 to the set of tests on their Slickspeed. It is actually quite cool of them to put up this test and compare other frameworks. I just ran it on Firefox beta 3 on the Mac and the final results (for what it is worth) were: Dojo 1.0.2: 145 Read the rest…

Posted by Dion Almaer at 7:29 am

3.8 rating from 37 votes

Wednesday, February 20th, 2008

YUI 2.5 released – Layout Manager, File Uploader and graphical JavaScript Profiler – and that is just the start

Category: Framework, JavaScript, JSON, Library, Yahoo!

Version 2.5 of the Yahoo User Interface Library (YUI) was released today. You can get all the details on the official blog post, but here’s the “change log”: The new Layout Manager allows you to create multi-pane user interfaces that are collapsible and resizable. The Flash-enhanced File Uploader control might be known to you from Read the rest…

Posted by Chris Heilmann at 5:30 pm

4.1 rating from 49 votes

Tuesday, February 19th, 2008

Cursing with JavaScript: Three Random Tips

Category: Browsers, JavaScript, Tip

I ran across a few posts in a row in my news reader that were each mini tips that involved Prototype, Firefox, and IE. Prototype Custom Events Howard Lewis Ship is making sure that Tapestry 5 will have 50% more Ajax, and has been playing with Prototype. He found a nagging bug to do with Read the rest…

Posted by Dion Almaer at 7:02 am

3.3 rating from 19 votes

Monday, February 18th, 2008

Audible Ajax Episode 24: Aptana Jaxer Talk

Category: Aptana, Framework, JavaScript, Podcasts

I had the opportunity to sit down with three fine gents from Aptana to discuss their recent launch of Jaxer, the “server side Ajax framework”. Paul Colton, Uri Sarid, and Kevin Hakman all sat with me to chat about things. I have already played with Jaxer, and created the Google Gears wrapper which can be Read the rest…

Posted by Dion Almaer at 9:37 am

4.1 rating from 37 votes

Self Printing JavaScript Literals

Category: JavaScript, Tip

Are you ever sick of seeing Object get printed out when you try to output a variable to your console. Oliver Steele talks about Self Printing JavaScript Literals where you can clean that up with a toString: < View plain text > javascript function makeLiteral(name) {return {toString:function(){return name}}} var L1 = makeLiteral("L1"); var L2 = Read the rest…

Posted by Dion Almaer at 6:09 am

3 rating from 19 votes