Software developer by heart.


May 19th, 2016

Creating a Floating Action Button in Tabris.js


Ever since its introduction at Google IO 2014, material design guidelines have gained more and more traction in the web and mobile landscape. Android has adopted the design style and more and more Google properties are moving in that direction. With the release of Tabris.js 1.7 we made it much simpler to create one of [...]

Mar 3rd, 2016

Styling a Tabris.js TabFolder for Android Material Design


Creating a good mobile app goes hand in hand with creating a well designed mobile app. With Tabris.js you are able to cater the style of your app to your design needs. One of the more iconic widgets on Android is the tab. In Tabris.js tabs are represented by the TabFolder widget. The following code is taken [...]

Leave a Comment
Nov 5th, 2015

Creating Great Apps with a Consistent Icon Theme


Creating great mobile apps usually involves making use of icons. May it be as touch target, indicator or just as decorations, icons make an app come to life and provide personality. Therefore it is important to focus on your icon design by and make them as readable and meaningful as possible. A mobile platform usually has its own style of icons with certain key metrics and [...]

Leave a Comment
Sep 4th, 2015

Pixel perfect layout in Tabris.js


Positioning widgets in a layout is a very common task in Tabris.js apps. When dealing with varying device densities, Tabris.js lets you declare all dimensions in device independent pixels. This ensures that a layout will look the same on high and low resolution displays. Providing device independent pixels means that you can only provide positions with a multiple of the [...]

Leave a Comment
Sep 10th, 2015

Tabris.js 1.1: Custom themes on Android


UPDATE: With Tabris.js 1.1 released to production, we have removed the “sneak peak” indication from this article. In a previous blogpost we discussed how to choose between one of the predefined themes for your Tabris.js app on Android. Basically it boiled down to setting the correct preferences value in your cordova config.xml. In this second part of the miniseries we [...]

Leave a Comment
Jul 3rd, 2015

Customizing the Appearance of a Tabris.js Android app


Building a Tabris.js client for Android or iOS has gotten pretty easy thanks to the Tabris.js build service. For the Android client you don’t even need to provide a signing certificate to get started: Simply hit “Build Android App” and off you go. Since the build infrastructure is based on the Cordova platform, you can use the build’s config.xml file [...]

Aug 6th, 2015

Tabris.js Examples – Animations


Creating an engaging mobile app is a challenging task. There are several best practice approaches to increase user delight and one of them is the use of animations. Animations can guide the user through the app, provide visual clues or simply give reassuring feedback. In this installment of the Tabris.js examples blog post series we [...]

Leave a Comment
May 8th, 2015

Tabris.js Examples – Parallax Scrolling


A modern mobile UI should be delightful to use with small details that make the app feel alive. One of such interaction models is parallax scrolling which moves UI planes independently from each other. In this blog post we will explore how such an effect can be implemented with Tabris.js. One of the keystones in [...]

Leave a Comment
May 8th, 2015

Tabris.js Examples – Images


At some point every mobile app uses images. Maybe to indicate a button or to show you some cute kitten pictures. Tabris.js supports images in a variety of ways, be it as background images, page icons or inside an ImageView. In this blog post we want to focus on the ImageView as used in the [...]

Leave a Comment