slurp soup

More Google I/O 2011 goodness. This one’s all about Chrome Dev Tools, given by Paul Irish & Pavel Feldman.

Chrome dev tools is starting to look pretty amazing. Some of the stuff demonstrated are the powerful inline editing capabilities of CSS and JS. Combined with a save feature back to the source file, it pretty much allows you to debug and tweak right in the browser, bypassing the IDE entirely in a lot of cases.

Some other things demonstrated:

• The timeline pane which breaks down every thing that happens with your page, from request to timers to events, into minute detail
• How to use the debugger + timeline to quickly understand what is going on on a page, even if starting from 0 knowledge of the code.
• How to make Chrome run as a actual server, to which you can connect another instance of Chrome and use the Chrome Dev Tools remotely. This is useful with mobile development.

Useful links:

• Chrome Developer Tools Docummentation
• A list of commands available on the Firebug and Chrome Developer Tools command line.

Talk given by Alex Russell at Google I/O 2011.

Key quote:

Objects are data that carries behavior. Closures are behavior that carries data.

Demonstrated traceur-compiler which compiles proposed ECMA 5 syntax into current syntax. It can be set up to copile on the fly, essentially allowing you to use future syntax today.