Tag Archives: Tutorial

FancyClock – fast & simple clock for webOS

Posted on by
1

In the last days I played a little with jQuery and CSS3 animations for our next app (Pssst! :-) ). While I searched the web for good tutorials on CSS3 animations and transforms I found a tutorial at Tutorialzine so I implemented it and made a webOS app out of this tutorial and graphics.

It’s mainly a copy from the tutorial, but we pushed the code on Github so you can have a look if you want.

We submitted the app to the official Palm catalog today. Since the app does not use any Mojo-SDK relevant files we removed the Mojo-Library url, that makes loading the app really fast! But the downside is, we’re not sure if this gets approved by Palm. ;-)

So stay tuned, FancyClock should appear in the catalog in the next few days.

 

Another good introduction to version control (git)

Posted on by
Reply

I learned a lot during the last few months coding some real world projects for palm webOS.
One thing and this is a really important thing is, committing your code you worked on the last couple of hours to a source code management system can save you hours of work. Changing some code here and there and boom, “why this was working perfectly before” and sometimes you find the issue quickly, sometimes you search and search.
If you can simply revert or quick-check your code from the last commit you’ll find the issue really fast, trust me!
For all the lazy developers out there (not only webOS ones) I found another great site, that’s introducing, this time: git

Short quote from the page:

Git is a distributed version control system. No, you don’t need to know what that means to use this guide. Think of it as a time machine:Subversion or CVS without the cruft.

If you make a lot of changes, but decided you made a mistake, this will save your butt.

Read on if you want to learn some pretty cool and quick tips

How to enable the Developer Mode on the Pre

Posted on by
Reply

For any of you who are searching for the right solution (I forget it, because I don’t use that every day) here is a little tutorial and reminder (for me :) )

If you’re unfamiliar with the so-called “Developer Mode”, if enabled it gives the ability to install patches, homebrew software and I think also beta apps (not sure if you can install this without the mode enabled) and (at least for me) to develop your applications right on the device.

There exist two possible ways to enable this mode.

  • Enter webos20090606 in the Universal Search

or

  • Enter upupdowndownleftrightleftrightbastart in the Universal Search

I prefer the first one, because I can type this faster :-)

Anyway, both ways enable a secret developer mode switch, simply start it and enable the mode. The Phone will ask to restart, because this is needed to activate the mode.

If you want to disable the Developer Mode again, simply do the same to call the Mode Switcher and disable it.

Ares Tutorial Deutsch – Teil 2

Posted on by
1

So here is the 2nd and last part of the tutorial of my screen cast I’ve made.

Again this part is in german.

Watch in HD

Update:
I forgot to provide the code snippets that are used in the tutorial.
(Thanx PUGcaster for this hint :-) )

In first-assistant.js you need this:

this.photo = argFromPusher;

and also the new activate function:

,
 activate: function() {
 this.controller.get("photoView").mojo.centerUrlProvided(this.photo.photoUrl);                
}

Don’t forget the “,” in first line!

Your complete first-assistant.js should now look like this:

function FirstAssistant(argFromPusher) {
 this.photo = argFromPusher;
 }

FirstAssistant.prototype = {
 setup: function() {
 Ares.setupSceneAssistant(this);
 },
 cleanup:  function() {
 Ares.cleanupSceneAssistant(this);
 },
 activate: function() {
 this.controller.get("photoView").mojo.centerUrlProvided(this.photo.photoUrl);
 }
};

If you have any suggestions, please leave a comment here or send me a message on twitter (@rretsiem)

I'm sure that was not my last screen cast I've made, because it was really fun and I'll hope you have something learned from it.

Part 1 of the tutorial is available here

Ares Tutorial – Part 1 – German

Posted on by
1

Today I released the first screen cast of two to show Palm’s Ares Development Environment.

It shows the tutorial that available on http://palm.ares.com called “FlickrSearch”. Some people asked in german forums if there is a tutorial for webOS programming available in german. Since I didn’t find any easy first steps in german, I thought I make my own.

So here it is:

This video is also available in HD resolution

This is my first screencast, it was fun, but I surely also made some mistakes, so go lazy if you find any mistakes :-)

Edit: Here is Part2