ExtJS 4.x has a lot more to it than 3.x. One of those things is noticeable in the view / widget hierarchy. For example, Ext.window.MessageBox used to show duplicate Ext.ProgressBar(s), but now are consolidated to a single line "[items] | progressBar Ext.ProgressBar { ...}" showing that it belongs to the [items] collection and that there is a direct property progressBar referencing it. There are many other fixes and small enhancements.

This is the first version of Illuminations for Developers that supports EmberJS views. It is definitely beta level, and there is no support yet for inspecting Ember Data stores or records. Ideally this will all get sorted out when EmberJS and Ember Data hit final version 1.0.

Also in this release, I'm making sure that people that use Illuminations only for jQuery aren't bothered with trial messages as part of the object names. So it is free to use for jQuery! If you use more advanced frameworks I4D supports, then please do buy a license!

If I open a very similar page that uses Sencha 1.1.0, no problems. Each of these pages has links to the appropriate Sencha Touch debug javascript files and the links are quite simple, no crazy paths or anything like that.

Thanks!]]>Illuminations ClientSide Debugger for Firefox 1.1.10http://www.illuminations-for-developers.com/blog/article/2011/11/22/67878/Illuminations-ClientSide-Debugger-for-Firefox-1-1-10wwwSat, 26 Nov 2011 12:31:01 +0000
Especially for ExtJS Development its a must tool.]]>New Firebug 1.9 coming...http://www.illuminations-for-developers.com/blog/article/2011/11/14/37740/New-Firebug-1-9-comingwwwMon, 14 Nov 2011 18:29:00 +0000Why Subscription Pricinghttp://www.illuminations-for-developers.com/blog/article/2011/03/14/55171/Why-Subscription-PricingsrousseyFri, 15 Apr 2011 14:38:20 +0000Featured Blog Post at Sencha.comhttp://www.illuminations-for-developers.com/blog/article/2011/03/08/45022/Featured-Blog-Post-at-Sencha-comsrousseyTue, 08 Mar 2011 19:30:22 +0000Web 2.0 Debugger. Give it a read!]]>What is new in v1.1.5: ExtJS4, YUI3, and Closure Library, and awesome inspectinghttp://www.illuminations-for-developers.com/blog/article/2011/02/25/36491/What-is-new-in-v1-1-5--ExtJS4--YUI3--and-Closure-Library--and-awesome-inspectingsrousseyFri, 25 Feb 2011 17:08:11 +0000The big thing for YUI3 and Closure Library guys is that it is now working for those frameworks. YUI3, in particular, since so much gets "sandboxed". This is a huge productivity boost -- having access to sandboxed components. Thanks to the YUI people for helping! Closure Library (non-compiled) support is pretty hot too, but it must be revision 659 or later. Thanks to Google for the changeset to get this working!

ExtJS4 is a work in progress (just like the v4 code itself). It has some rough spots that are being worked on. Remember, the license for Illuminations is for a year, all updates included! Some neat things for ExtJS4 are how model names percolate. For example, if a store contains a bunch of People models, it might now be named Ext.data.JsonStore<People>. It is one of those little things that will help make everything more intuitive while debugging.

Find elements with the mouse

Something in your page doesn't quite look right and you want to know why. There's no faster way to get answers than to click the "Inspect" button on Firebug's toolbar and then prepare for immediate gratification. As you move around the page, whatever is beneath your mouse will be instantly revealed within Firebug, showing you the HTML and CSS behind it.

Now that same button works in the Illuminations panel. Except that instead of showing the HTML element, it will highlight and show you the component instead! And the highlight will be in a different color to let you know that it is not HTML you are inspecting. In fact, in the case of the Ext.DataView, it will highlight both the components, plus the data elements (in orange) as seen below: