The latest news, articles and code focused on Sencha and related web technologies.
Sencha Insights

Sencha Insights

Issue #6

May 29, 2013

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 ( 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.


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 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.


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.


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 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.


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];


Sencha Insights is proudly sponsored by who provide expert Sencha development, consultancy and training services.

To discuss your next project email them on

Want to sponsor Issue #7? Email us on

Share this Newsletter

If you enjoyed this issue of Sencha Insights please tweet about it!
Follow on Twitter | Forward to Friend 
© 2013 SwarmOnline Ltd, All rights reserved.
SwarmOnline Ltd is a Limited Company registered in Scotland, with company number SC411633. Our Registered Office is 1-2 249 Byres Road, Glasgow G12 8UB

Sencha Insights is not linked to Sencha Inc. in any way.

Email Marketing Powered by Mailchimp
unsubscribe from this list | update subscription preferences