awesome-titanium

Interesting facts and links for the Titanium framework

Topics

• Before starting
• Developing your app
• Debugging tips
• App contribution

Before starting

A must-read for all newcomers. Mobile development with Titanium differs a lot from native Android and iOS development. Be sure to follow these basic steps.

Slideshows

• Best practices #1
  Fundamental DOs and DON'Ts, useful for every developer
• Ten rules for better Titanium apps
  Further details about some learnings
• Thread maintainance
  Making the most of your single thread
• Ultimate toolchain
  Get used to some tools and tips for developing Titanium apps.
• Keep your app responsive
  Three part document for how to keep app response times small

Development Environment and tools

• TiShadow
  The complete toolset for rapid titanium app development on multiple platforms (deploy, test and much more)
• Alloy-Bootstrap
  Grunt setup with selective compilation to speedup the compilation und some other tool sets
• ti-i18n
  Add and manage your internationalization strings
• ti-stealth
  Remove console output before deploying
• ticons generate all the needed app icons and the splash screen

Definitions

• Proper logging
  A possible logger implementation with severities and color support
• Logging source code location
  Creating a logger with information about the current controller / widget
• Proper string substitution
  A prototyped printf function, that allows parameterized substitution: greeting.printf({ name : 'John Doe', gender : 'male' });
• Globals in alloy.js
  How to define variables inside your alloy.js

Developing your app

Common resources and tipps about the development process. No need for re-inventing the wheel!

Find modules, widgets & controls

• gitTio
  Leading resource for Titanium modules and Alloy widgets
• UX Mobile Patterns
  Example views and widgets for common UI problems
• Titanium Controls
  Visual control elements for Titanium
• AlloyLove
  Small listing of Alloy-related modules

Awesome resources

Modules / Widgets

• Wriststrap
  A Bootstrap-like implementation of UI building (grid system, helper classes, image & button styling, icon, ...)
• TiLogCatcher
  Listen to and handle Titanium errors
• PullToRefresh
  Refresh a table / list view by pulling on the top

Debugging tips

Your app doesn't work as expected? Take a look in here for tipps and guidelines.

• Memory management
  How to debug your code and find possible memory leaks (Android & iOS)
• Remote error reporting
  On App errors, open email dialog with all important debug information

App contribution

The app is ready for the world? Some adjustments have to be made for both the Apple app store & Google Play store.

Icon and Splash Screen

• Icon and Splash Screen definition
  Appcelerator information about the different screen sizes and their image resolutions
• Icon and Splash Screen generator
  Generates the app images for all platforms
• Icon and Splash Screen details
  More details about these images and automated deployment

Misc

• Proper versioning
  If you contribute the app, you'll need a fixed versioning system.

Find inspirations

Out there are lots of cool apps, designs and patterns. Feel free to take a look at these examples.

Example projects

• Dragon Shout App
  Open source app for the game Skyrim
• KitchenSink
  Titanium self-made example app for Android & iOS with lots of UI elements / basic features. Useful to check if a feature is working on a device.
• Android ActionBar
  How to implement a proper ActionBar for Android users
• Movie app
  Appcelerators open-source demo app for a video streaming app
• Corporate Directory
  Appcelerators open-source demo app for browsing through business contacts

Example screens

• UI Pattern list
  Dozens of iOS and Android screenshots from cool and inspirational apps

Developers

• Ben Bahrenburg
• Fokke Zandbergen