Sencha CMD is a must-have if you're doing any professional ExtJS or Sencha Touch app development. You can always get the latest version from Sencha's product page, but what if you wanted to get an older version? Sure, upgrading to the latest version is an option, but we all know how smooth those upgrades can go (or not, especially if you messed with the build scripts).
Older versions with release notes are available via this URL pattern:
So, the caveat is that you have to know the exact version which you're after!
Diving into ExtJS 5 and talking to some of the engineers behind it I'm forming the conclusion that there are 3 distinct scrolling systems being employed in ExtJS 5. What are they?
- For traditional "mouse-only" desktops - using the native browser overflow: scroll
- For mobile "touch-only" devices - using Sencha Touch's kinetic "momentum" JS scrolling
- For hybrids that have both mouse and touch support (i.e. MS Surface or Google Pixel) - using some sort of a hybrid of #1 and #2 where the JS kinetic scroller kicks in on tap-drag
I'd love to dissect this on an HTML level...
With ExtJS5 beta announced last week there were clear efforts on behalf of ExtJS 5 to behave closer to Sencha Touch in regards to utilizing the unique and powerful config system. Last year I wrote ExtJS vs. Touch Config System article to highlight some important differences. Today I'd like to explore this topic in the context of different versions of ExtJS 4 and ExtJS 5 beta.
A few years ago I wrote about ExtJS4 Dev Tools of a Pro, where I mentioned a FireFox plugin called Illuminations. Since then I've switched to Chrome as my dev platform where I missed my cherished Illuminations plugin.
I believe only last week the creators of FF's plugin have released a version for Chrome: https://chrome.google.com/webstore/detail/illuminations/hbhnkfhblakpfhcpepeoogmakimflibk
It doesn't feel like a full port, but it does have the one feature I care most about: similar to how you can right-click on a page and "Inspect Element" to bring up dev tools and pinpoint the target in the DOM tree, you can now right-click and "Illuminate:"
At which point you will pinpoint the target in the Ext component tree:
Combined with Sencha Inspector for Chrome, the Chrome browser is now a powerhouse for ExtJS/Sencha Touch development!
I think this has been a hot topic lately: making web sites that adjust based on resolution of the device the user is using to browse. Now I'm not going to make this post about Sencha Touch. Even though in my "perfect responsive strategy" I would be using both ExtJS and Sencha Touch (and I can write more about that if you care to comment about your interest), this post is going to be only about ExtJS.
In this example we'll be achieving the very common "navigation collapses to menu" effect, demonstrated here in my Android 4.x LG Intuition, by rotating the device from horizontal to vertical: