Bleeding edge Javascript techniques from the creators of jQuery, Prototype, Dojo and YUI (liveblogged from #sxsw)

Here are my quick notes from SXSW talk "More Secrets of Javascript LIbraries"

Bundling/dynamic loading
(Nate Koechley, YUI)
Javascript files for modern websites really have gotten huge. So it makes a difference how you load them. Some cool tools mentioned:


Meta language libraries
(Andrew Dupont, Prototype)

  • GWT turns Java into Javascript
  • Pyjamas turns Python in to Javascript
  • Cappuccino by 280 North turns Objective-J into Javascript
  • Google Caja turns Javascript into safer Javascript.

Google Caja sounds like a fascinating way to allow rich JS embeds on-page, perhaps solving the XSS dangers of embedding 3rd party JS. Definitely going to check that out later.

Dupont points to Resig's blog post about JavaScript Language Abstractions that a lot of these meta-language libs actually divorce you from being able to harness the full power of Javascript because you never actually learn how to write it.

"Thicker abstractions have more hassle, but offer greater rewards." --Andrew Dupont

At the end of the day, I think you use the tools that work best for you. I love what the guys are doing at 280 North, but a site like Posterous probably wouldn't use it because we're more of a native web experience. And in talking to them, they're not meant as a replacement for Prototype, etc. Cappuccino is really for extra-rich internet apps where you might use Flash/Air, instead of classic native websites. So different strokes for different folks!


Accessibility
(Becky Gibson, IBM / Dojo)

ARIA = Accessible Rich Internet Applications. New standard for supporting screen readers, magnfiiers, etc. Lets us JS developers create tree controls, tabs, and rich JS functionality but still have it work great for those needing assistive tech.

Biggest issues with accessibilty and rich JS content:
  • Adding dynamic controls that you create to the tab order -- by default only links and form controls are added, so if you add onClick listeners to direct divs, etc -- screen readers often can't even see these things.
  • AJAX'ed content that gets inserted into the div sometimes doesn't get picked up because assistive technologies don't get notifications of page updates.

Pretty cool stuff coming -- hopefully browser support comes sooner rather than later, since that determines when we'll be viably able to use these new standards. Might have to switch to jQuery to take advantage of this on Posterous.


Performance and Testing
(John Resig, jQuery)

Cool jQuery profiler plugin for Firefox tells you what's happening during load time.

"The very act of measuring it is causing the problems." --Resig. Timer resolution is only 15ms on Windows, for instance -- error rate 50 to 750% using your own JS timers.

Also cool: Firefox, Safari 4 and IE8 all have built-in JS profilers too.

Testing using FireUnit. You can actually add profiling data as part of tests, so if certain tasks take too slow in a given browser you can build that into your JS test suites. Cool.

John Resig is a badass. He just busted out Big-O notation on analyzing JS DOM manipulation.

The jQuery team runs 6 test suites in 11 different browsers (not even including multiple platforms) that must be run on every commit. But luckily they created TestSwarm so you can automate browser JS unit tests. Also awesome -- can script manual testing cross-browser too. Brand new project John Resig is working on now, but he says you can sign up on the site to hear about when it's up.

Interesting DNS hack to get free internet from any for-pay airport / wifi hotspot

The Idea is to tunnel all outgoing traffic through DNS. Yes, you heard right, through DNS, the Domain Name System, used to translate human-readable hostnames to numerical IP addresses and vice versa.

Pretty interesting/novel way... Unix admin skills required, but it's probably better that way.

Luckily I don't ever have to worry about this anymore -- I pretty much just use my Sprint 3G USB modem when I'm out and about.

Digging lookbook.nu -- inspiring fashion photography

Inspiring amateur and semi-pro fashion and fashion photography.

Before posterous, I was building out a bit of a fashion/portrait portfolio, and doing some editorial magazine work. Maybe after we push out a few more of these huge features, I'll be able to do some more photo projects here and there.

I was thinking of doing 52-Week portrait project -- one portrait per week for a whole year. I think I know what blog platform I'd use for it. ;-)

Posterous star blogger Reggie Soang starts his own food startup and gives us a 10% discount too

I think this is the first 'posterous' exclusive discount I've heard of yet.

Reggie Soang (who has a totally amazing food blog) has started a new brand of healthy food products called iFS, and he's giving everyone a 10% discount if you type the 'posterous' code into the checkout.

I know I'm going to buy some -- $8.95 for a 1 lbs. bag of delicious granola from a guy who really knows food and nutrition looks like a great deal. =)

How to Be Jason Bourne: Multiple Passports, Swiss Banking, and Crossing Borders

Neil’s new book, Emergency, teaches you how to become Jason Bourne.

Multiple passports, moving assets, lock-picking, escape and evasion, foraging, even how to cross borders without detection (one preferred location: McAllen, Texas, page 390)–it’s a veritable encyclopedia of for those who want to disappear or become lawsuit-proof global citizens…

This looks like it could be useful at some point in the future. *grin*

Detroit is an award-winning city... just none positive. Inside the Most Dangerous, Most Diseased, Least Literate city in America.

It's Detroit week on garry's posterous. The latest installment: some fast facts that bring a lot more clarity to the situation in America's most maligned city.

  • America's murder capital, with 10,000 unsolved murders since 1960.
  • Detroit schools haven't ordered new textbooks in 19 years.
  • Students have reported having to bring their own toilet paper.
  • Teachers have reported bringing hammers to class for protection.
  • Lowest graduation rate in the country at 24.9%.
  • Highest property tax rates in Michigan.
  • Most number of vacant homes of any American city (60,000+)
  • Once gave the keys to the city to Saddam Hussein.
  • Named America's Fattest City by Men's Fitness.
  • Named America's Sexual Disease Capital by Men's Health.
  • Most Dangerous City in America (violent crime) for 5 of the last 10 years.
  • Almost half of the city is functionally illterate (47%!!)

Matt Labash at the Weekly Standard wrote an incredible piece on the city entitled The City Where Sirens Never Sleep: Detroit is dying. But it's not dead yet. -- A truly fascinating must-read. Check it out. Hat tip to vpescado. In addition to the facts above -- a detailed, heart-wrenching journey through the history of leaders who wrought this American failure and the people who now must live in its aftermath.

(Photos from forgottenmichigan.com)

Say hello to clouds and rainbows. I love the skype brand. Their creative director is a genius.

This company embraces great vector art and an incredibly well specified, well thought out brand. And clouds and rainbows.

I love the vector art especially. I wonder what drugs they were on when they came up with these...

Also, I love that they have thought through all the ways people can really screw up the brand by getting too fancy. This is A-OK:

But this is HELL NO.

Things like this really remind me how much I <3 graphic design.

Brilliant. Major hat tip to master designer Dustin Curtis, who has posted the brand guide to his posterous.