This week sees Sencha Insights reach its 6th issue! Thanks to everyone who has subscribed and helped spread the word. This issues covers topics such as pseudo-element animation, Sencha Touch charts and HTML5 supposed performance issues. As always we welcome your feedback so get in touch with any ideas, suggestions or comments.
If you would like to get in touch with us please feel free to email us (senchainsights@swarmonline.com) or message us on Twitter (@SenchaInsights).
Sencha Official
Ext JS 4.2.1 GA is Now Available!
Yesterday saw the release of Ext JS 4.2.1 with a huge number of updates and bug fixes. You can check out the release notes for full details of what has been updated.
Getting Started with Android Studio
Google has released an early access preview of its new Google Studio IDE which is based on IntelliJ IDEA. It boasts a load of great tools for helping you develop great Android apps.
Tizen Support Coming to Sencha Touch!
Michael Mullany announces that Sencha Touch will add support for Tizen in one of its future releases.
Sencha
Create interactive charts and implement drill-down – using Sencha Touch Pie chart and Bar Chart
This tutorial describes how to create a Pie and Bar chart with Sencha Touch and how they can be linked together to enable a 'drill-down' feature.
ExtJS 4.2 Walkthrough – Part 1: Setup
The first in a series of blog posts walking through creating an Ext JS 4.2 application from scratch. This instalment describes how to generate your application with Sencha Cmd and get the Neptune theme enabled. The second part is also available.
Sencha Touch BDD Part 1
Ken Mayer introduces his multi-part series on testing Sencha Touch applications. In this part he focuses on setting up a testing environment to start writing tests.
JavaScript
JavaScript Regular Expression Enlightenment
Regular Expressions are an extremely useful tool to have in your coding toolkit and this article will help you understand everything from the basics to complex examples.
Steamclock Software - Apple’s new Objective-C to Javascript Bridge
Apple has been quietly working on a JavaScript to Ojbective-C bridge in webkit since the new year. Nigel Brooke talks us through what the API is and how it works.
c# - d is less efficient than [0-9]
An interesting (for us geeks!) discussion on the efficiencies of the Regular Expressions [0-9] and d. Find out why one beats the other and where you might choose one over the other here.
HTML5
No, HTML5 does not have a performance issue.
When talking HTML5 apps, the thing that comes up most often is performance. Paul Bakaus argues that HTML5 is anything but non-performant as long as you compare it in the environment it belongs.
5 HTML5 Features you need to know
A good rundown of 5 lesser known HTML5 features that you may not be aware of. Including DNS prefetching, the download attribute and input field regular expressions.
Chrome’s requestAutocomplete()
One of the (many) interesting announcements coming out Google I/O is that of the requestAutocomplete feature that allows you to programatically interact with a form's autocomplete data. This article introduces the concept and how we might use it.
CSS
Define flow areas directly with CSS Regions
This article discusses CSS Regions that allow you to define where you want to have your content flow rather than blocking out where your content shouldn't flow. This technique overcomes the limitations of combining floats and margins to achieve similar, but not as good, effects.
How to Use Your Own Web Statistics at caniuse.com
CanIUse.com is a great site for seeing what features are available where and they offer some useful stats on the percentage of users that will be able to see a specific CSS3 or HTML5 feature. The browser usage isn't the same across all sites and so CanIUse has added a nifty feature allowing you to import your own website's browser stats (via Google Analytics) to get a tailored report for your website.
Examples of Pseudo-Elements Animations and Transitions
Marco Barria teaches us how to animate and transition Pseudoelements with CSS3. The tutorial creates some very cool examples that show the potential of the techniques.
Featured Extension
Ext.ux.AccordionList by KAWANO Shinobu
This Sencha Touch component allows you to create lists whose items can be expanded to reveal further nested list items. A very useful project whose source code can be found on GitHub.
Quiz
Given the following Sencha Touch 2.2 code snippet and assuming no other code being present, which of the four options will return the Ext.Button instance quickest?
var panel = Ext.create('Ext.Panel', {
renderTo: Ext.getBody(),
items: [{
xtype: 'container',
items: [{
xtype: 'button',
itemId: 'myButton'
}]
}]
});
1. var button = Ext.ComponentQuery.query('panel #myButton')[0];
2. var button = panel.query('#myButton')[0];
3. var button = Ext.ComponentQuery.query('#myButton')[0];
4. var button = Ext.ComponentQuery.query('button')[0];
Sponsor

Sencha Insights is proudly sponsored by SwarmOnline.com who provide expert Sencha development, consultancy and training services.
To discuss your next project email them on info@swarmonline.com.
Want to sponsor Issue #7? Email us on senchainsights@swarmonline.com
Share this Newsletter
If you enjoyed this issue of Sencha Insights please tweet about it! |