Sencha Notes

Notes from the field on HTML5, CSS3, and other awesome web technologies.

Our Favorite iOS 6 Mobile Safari Features

Another WWDC, another major iOS update! Here are three of our new favorite feature from the keynote:

Camera support in Safari — how cool is that? You can upload from your Camera Roll or take a picture right in to the browser using the Media Capture API. 

Smart App Banners look like an awesome way to make it easier to integrate native and web apps. It probably won’t use Web Intents, but it’s a cool feature all the same.

CSS Filters! Combine this with Camera support and you have all the ingredients you need to build a mobile web Instagram without any need for a native app.

tinyheartsyou:

Our latest app, InstaMatch – The Instagram Game is now available on the App Store! Download it here. 

I was very surprised when I saw the new screens for this Sencha Touch app, InstaMatch. It has changed a lot since its first iteration. It’s free this weekend, and has graphics that fit the new iPad third-gen, so go get it!

tinyheartsyou:

Our latest app, InstaMatch – The Instagram Game is now available on the App Store! Download it here

I was very surprised when I saw the new screens for this Sencha Touch app, InstaMatch. It has changed a lot since its first iteration. It’s free this weekend, and has graphics that fit the new iPad third-gen, so go get it!

Reblogged from tiny hearts

Sencha Touch Charts 2 beta is now available for testing

Version 2.0 beta of our HTML5 charting and drawing library for mobile devices is compatible with our recent GA of Sencha Touch 2, contains improvements in performance, a new TreeMap visualization, and a new animation package.

Please download the beta and provide feedback on our Sencha Forum.

Sencha Touch Charts 2 beta is now available for testing

Version 2.0 beta of our HTML5 charting and drawing library for mobile devices is compatible with our recent GA of Sencha Touch 2, contains improvements in performance, a new TreeMap visualization, and a new animation package.

Please download the beta and provide feedback on our Sencha Forum.

Our talented tutorial and Sencha Touch guru Drew Neil is back with a 10 minute screencast to explain Layouts in Sencha Touch 2.

If you’ve never watch one of Drew’s screencasts, you’re missing out. He has a clear, concise way of explaining and demonstrating the process of developing in Sencha Touch. Watch this video introducing you to layouts and I guarantee you’ll come away with a better understanding.

In Sencha Touch, the Component and Container form the basic building blocks for creating an interface. Each container can be assigned a Layout which handles the positioning of its inner items. The layouts work either by neatly arranging components to use the available space, or by showing just one component at a time and providing some way of changing the focus between them.

In this tutorial, we’ll see each different layout type in action and see how they can be combined in any manner you can think of.

See more of Drew’s screencasts in our Vimeo album: Learn Sencha Touch 2 w/ Drew Neil

Join the HTML5 revolution with Sencha Touch 2 and build mobile apps for every Android, iOS, and BlackBerry. We’re excited to share with you the power of web technology: incredible performance, beautiful themes, and endless possibilities.

This customer spotlight video from Xero includes some great shots of Ext JS and Sencha Touch.

Via Fast Company’s Co.Design.

Create rapid prototypes of your next great web app in Photoshop with the new Sencha Touch GUI PSD from TimeWave Media:


  “We’ve created a layered Photoshop PSD file based off of the Sencha Touch Kitchen Sink demo app, as well as their new [Touch Charts] interface features. This file is intended to serve as a reference for designers working on Sencha Touch projects, by providing the basic building blocks for all the new interface options available.”


Download and start comping today!

Create rapid prototypes of your next great web app in Photoshop with the new Sencha Touch GUI PSD from TimeWave Media:

“We’ve created a layered Photoshop PSD file based off of the Sencha Touch Kitchen Sink demo app, as well as their new [Touch Charts] interface features. This file is intended to serve as a reference for designers working on Sencha Touch projects, by providing the basic building blocks for all the new interface options available.”

Download and start comping today!

Our stance in the CSS vendor prefix debate

Alex Russell wrote a piece about the CSS vendor prefix debate, and our CEO Michael Mullany responded with a piece of his own. You should head over to Alex’s blog to read what is now an epic comment thread, but we also felt we should share it here with everyone.

Click through to read about Sencha’s stance on this issue, and why we don’t see a WebKit-only future.

Originally posted by Michael Mullany at Infrequently.org, February 17, 2012 at 4:21 pm:

Since both sides of this debate make claims to “what developers think/act”, we thought we’d lay out the Sencha opinion on -webkit prefixed effects: why we use them, and why we don’t want other vendors squatting on them. And incidentally, we’re fans of CSS as a technology.

But first a little background.

Read More

I can report that our JavaScript framework of choice is Ext JS by Sencha. This framework can serve as a solid foundation for any serious JavaScript development.

Yakov Fain, Farata Systems (via Adobe Flex Journal)