Often I get questions from people on how to work efficiently with
Sencha while developing in a large team environment.. This question
is especially popular for people coming from the Java world, who
are familiar with tooling for Java and build processes. I can tell
you that it’s not much different for web projects.
At SenchaCon 2016, Sencha introduced their open sourced
ext-electron package. https://github.com/sencha/electron-demo.
Electron is a framework (created by Github) for creating native
It’s what’s Cordova/PhoneGap is for mobile. A native wrapper, a
native shell/project with a browser inside that runs your app.
Thus, if you can create web apps, you can create native desktop
apps. You can create native apps for Linux, Windows 32 & 64bit
and Mac OSX.
A few days ago, I mentioned Chrome 43 which breaks a couple of
things in Sencha Touch 2.4. Unfortunately also Ext JS 4 developers,
experienced some problems. Google Chrome version 43 breaks the
Ext.menu.Menu submenus, when hovering over the items.
Currently our engineers are working on a solution. As soon as it’s
fixed, you will be able to download a nightly build, which you can
download from our support portal.
Lately, I received a couple of questions about the latest Chrome
43.x version, which breaks Sencha Touch 2.4 apps (or Ext JS 6
modern toolkit apps) due the deprecation of the overflowchanged
event. It actually breaks the following classes: Ext.util.PaintMonitor
and Ext.util.SizeMonitor. You will notice this bug
when trying to scroll in a list component. You will see a small
square in the top right corner, instead of the familiar scroll bar,
and it’s impossible to scroll.
I live in Europe; in Europe they speak about 23 languages. In some
countries it is even common to speak more than 2 or 3 languages.
Especially for these countries localisation of applications and
websites is very important.
So you need to come up with a strategy on how to localize all your
views. In Sencha Touch localization works a little different
than in Ext JS, since there are no packages; but overall the basic
idea is the same:
With the release of Ext JS 5; we finally have Touch experience in
the framework. So yes, you can start creating tablet applications.
Maybe you are now wondering, can I also package Ext JS 5 apps with
Apache Cordova or Adobe Phonegap, so I can sell my app in the App
Stores? Well yes, you can! Here are the steps I took; for porting
my app with Cordova/Phonegap.
Back in the days when websites were restricted to typical fonts
such as Arial, Georgia, Times and so on, fonts were delivered from
the user’s machine. Fortunately today, because of HTML5 and CSS3,
browsers support embedded web fonts.
This time, I will explain how to use custom fonts with Sencha
Architect. For this tutorial, I will use one of the Sencha Touch
starter apps, with the default theme. However, you can also use
these tips for other Sencha Touch or Ext JS apps.
Often people think, Sencha Touch is a great framework to create
mobile phone apps with. While that is certainly
true, it’s also a great framework to create mobile apps with, as in
anytouch enabled device.
Think about car navigation systems, game consoles, smart watches
or tv/media centers. These devices all probably run HTML5; and are
great to build Sencha Touch apps for. To show you something cool
this week; I will provide you all the steps, how you can create a
simple media app with Sencha Touch and our visual design tool: