tabris.js Tag

Writing mobile applications is not only about the UI. Apps also need content. Often times they fetch dynamic content over the network. This post introduces the basic mechanism for network access in Tabris.js: XMLHttpRequest. The post also explains how higher level networking API can be used. Tabris.js supports a subset of the W3C browser APIs. Part of that API is the XMLHttpRequest. You can use it...

Read More

In this tutorial we will show you how to debug a Tabris.js application running on your Android phone using the Over the Air debug protocol. To get started you will need: A Tabris.js account The Tabris.js developer app deployed on your Android phone Eclipse and Eclipse Chrome Dev tools plugin 1. Create a Tabris.js Account Tabris.js is a platform for writing Native Mobile Apps, entirely in JavaScript. If you haven't signed up...

Read More

To create a rich interactive UI, the predefined widgets of your platform and corresponding toolkit are often not enough. You want to draw something yourself. Tabris.js provides just that - the Canvas widget for your own drawings. The Canvas is totally empty by default. To draw on it, you use a Context object with numerous drawing functions. These range from simple geometric shapes like rectangles, circles...

Read More

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 will learn how to create widget animations with Tabris.js and...

Read More

Bumping versions is a topic that should be fully automated from my point of view. Doing it manually guarantees errors for sure. I experienced it so many times as well :) . Recently we have published a build service for Tabris.js which utilizes Apache Cordova to build Tabris.js apps. We wanted to leave the versioning up to you in order not to create pitfalls like silently...

Read More

Branding an app is essential! That's why we wanted to make the branding of a Tabris.js app as easy as possible. As you might have read, since a few days we provide a free build service on tabrisjs.com that allows you to build your apps online. So, how do you add branding to your Tabris.js app? For us branding is adding your own logos, splash screens,...

Read More

One of the things we live at EclipseSource is efficiency. This is true for IDE usage, code and development lifecycles. This is why we made the Tabris.js development lifecycle as fast as possible with the Tabris.js 0.9.3 release. The mission for this release was that we wanted to enable you to: Build your own branded app, without owning build hardware. Be able to develop JavaScript apps...

Read More

Tabris.js provides cross-platform access to native gestures and controls through Javascript. In recent articles we have explored images, swipe to dismiss, user input and even parallax scrolling. Today we will explore another native control, The Navigation Drawer. The Navigation Drawer is a control that can be accessed using a bezel swipe from the left, or tapping on the menu icon in the top left. A drawer can be...

Read More

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 Tabris.js UI development is the direct and fine-grained control over the...

Read More