.x-panel {
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;
}

This was tested with Sencha Touch 1.1.0 and PhoneGap 1.0.0  on Android 2.3.

This post will be updated continuously.

Basics

First of all there are some basics you should know about before digging into more complex tutorials and examples.

Sencha Touch Kitchen Sink

Sencha Touch Learn Section

Sencha Touch API Documentation

Sencha Touch Forums (Official)

Development Environment (IDE)

AppLaud Eclipse Plugin for easy project setup of a Sencha Touch App with PhoneGap

Spket IDE Plugin for Eclipse or Aptana + Fix for jsb3 support

Integrate JS Builder 3 with Eclipse or Aptana
http://www.swarmonline.com/2011/02/how-to-integrate-js-builder-3-with-eclipse-or-aptana-on-windows/

tinyHippo’s Ripple Emulator (Chrome plugin)
http://ripple.tinyhippos.com/

Tutorials

Writing a Sencha Touch Application (4 Parts)
http://miamicoder.com/2011/writing-a-sencha-touch-application-part-1/

Writing a Sencha Touch MVC Application
http://miamicoder.com/2011/writing-a-sencha-touch-mvc-application/

Creating a Sencha Touch MVC application from scratch (3 parts)
http://www.onlinesolutionsdevelopment.com/blog/mobile-development/creating-a-sencha-touch-mvc-application-from-scratch-part-1/

Create Image Gallery Using Sencha Touch
http://superdit.com/2011/08/20/create-image-gallery-using-sencha-touch/

Building a Newsletter App (5 parts)
http://www.jamie-cross.net/?p=75

Interesting tips about Sencha Touch
http://www.senchatouchbits.com/

Screencasts

Sencha’s vimeo channel

Community

Questions tagged with sencha-touch at stackoverflow.com

Books

Watch out for Sencha Touch in Action which will be released in Fall 2011

Examples

Sencha’s official Demo list

Mitchell Simoens’ Demos

vimeo Festival Awards

Parken Festival done by Whitefox AS

Conference Example + Git repository

Git repositories

Contacts Manager
https://github.com/RobinQu/Phone-Demo

USGS Earthquake Map using Sencha Touch MVC
https://github.com/wswijaya/m.usgs

New Facebook Chat introduction as sidebar

Today the new Facebook web chat was rolled out for my account. I guess they already began a couple days ago to roll out the new “feature”.

For me it doesn’t make sense at all to show offline contacts who I have interacted most with. I’d like to see who is online! Another downside of this new “feature”  is that you can’t see a list of online users anymore. You have to use the searchbox to find someone.

A quick alternative would be to use this popout-chat in a new browser tab/window
https://www.facebook.com/presence/popout.php

Update #1

They changed it back to the old web chat.

Update #2

No old chat available again.

I saw that many blogs still refer that you have to add many dependencies to use Hibernate which confused me a lot. Also JBoss recently started to sync their repository with the Maven repository. So there is no need to add another JBoss repository to your pom.xml.

Maven Hibernate Core Dependencies

Here is a snippet:

<dependency>
 <groupId>org.hibernate</groupId>
  <artifactId>hibernate-core</artifactId>
  <version>3.6.3.Final</version>
</dependency>

Tested with Greasemonkey for Firefox and Chrome.

Get it at userscripts.org

Packt Publishing

This book covers everything you should know about TYPO3 Template Engine TemplaVoila. You’ll learn everything from install of the extension to mapping a template from scratch. This method more easy  than the classic marker method or the makeautotemplate extension.

The book also has a whole chapter about different kinds of menus TYPO3 brings with it and shows how to use them with TemplaVoila. Another interesting chapter is about customization of the backend for backend users and groups.

Last but not least they even cover BusyNoggin’s TemplaVoila Framework in a whole chapter. This is quite interesting and you should definitely read it.

In my opinion this book gives a good overview about TemplaVoila template building and even gives some outlook to the Framework. I think this book is good for beginners and intermediate users who would like to learn using from scratch or learn some more advanced techniques. Designers should be familiar with HTML/CSS. Experts may not find anything new.

Table of contents

Sample Chapter: Chapter No.4 ”Creating Flexible Menus”

Here you can buy the book!

Startup screen after loading the Jolicloud ISO image in VirtualBox.

Minimal boot screen.

At the login screen you can register for a new account or login via Facebook. As you from the right-click menu, this is already browser-based.

After sign-up this welcome screen will pop-up.

The home screen includes links to the most famous social media apps like Facebook or Twitter. In the background they use Mozilla's Prism installer to make a browser based app out of these services.

It also has a menu for system settings.

There is also an App Center where you can download about 750 apps.

The app or friend search is amazingly fast!

As there is an Ubuntu Linux running in the background you've also got a Terminal.

If the system is losing connection to the cloud, you'll get an error message like this.

You can customize your Desktop like any other system and use on of the pre-defined wallpapers or even paste an URL to your own favorite wallpaper.

Also the shutdown dialogue just looks like any other operating system.

Conclusion

Overall Jolicloud 1.1 almost feels like an operating system to me. You can install your own local apps and for the low-level fans you even have a Terminal. It might be a good choice for an older Notebook or slow Netbook.

Pros

• Good hardware compatibility http://www.jolicloud.com/product/compatibility
• Easy and fast install process
• Amazingly fast boot-up
• Low power consumption

Cons

• ToS http://www.jolicloud.com/tos
• Sometimes the cloud seemed a bit laggy to me and the services took some time to reload
• At some points it still feels like a beta version and not a final 1.1 release

Let me know what you think about it and if you’re using it in for your productive working environment.

	/**
	 * Method to measure elapsed time since start time until now
	 * @param startTime Time of start in milliseconds
	 * @return Elapsed time in seconds as Long
	 */
	public static long stopWatch(long startTime) {
		long endTime = System.currentTimeMillis();
		endTime = endTime-startTime;

		long seconds =
						TimeUnit.MILLISECONDS.toSeconds(endTime) -
						TimeUnit.MINUTES.toSeconds(
								TimeUnit.MILLISECONDS.toMinutes(endTime)
						);

		return seconds;
	}

Example:

long startup = System.currentTimeMillis();

Thread.sleep(3000);

System.out.println("This took " + stopWatch(startup) + " seconds.");

This will result in This took 3 seconds.

First option would be to use their export option. This way you will get a HTML file.

Second more advanced option would be to use curl+Delicious API and grab all of your bookmarks including tags to an XML file.

Just open your terminal and simply run the following line:

curl https://{username}:{password}@api.del.icio.us/v1/posts/all > delicious.xml

This will push all your Delicious bookmarks including your tags to a delicious.xml file like this:

<?xml version="1.0" encoding="UTF-8"?>
<posts user="username" update="2010-12-16T15:43:55Z" tag="" total="10235">
  <post href="http://www.imwill.com/" description="imwill.com Blog"
  hash="6cfedbe75f413c56b6ce79e6fa102aba" tag="webdev php"
  time="2009-11-29T20:30:47Z" />
    ...
</posts>
<!-- fe09.api.del.ac4.yahoo.net uncompressed/chunked Sat Dec 16 16:27:16 UTC 2010 -->

The Delicious API supports various arguments to filter your data. For example you can filter by tags or specify a start or end date.

Recently I’ve been invited to a couple small groups on Facebook. I noticed that I received all of the new group posts straight forward by email without ever accepting the invitation!

Then I had a look at my general settings under Account -> Account Settings -> Notifications in the Groups section. I didn’t check any of the general notification options for Groups! I had to click on Change email settings for individual groups and disable the notifications for every single group I’ve been invited to. But remember: I never accepted the invitation.

Another possibility to disable the notifications would be on the Group page itself. Click the Edit Settings Button on the top right and uncheck the option.

To sum this up there is no general setting to disable this behaviour. In my opinion this is a big and annoying flaw in the Facebook group settings.