Comments on The official Google Code blog: Gmail for Mobile HTML5 Series: CSS Transforms and Floaty Bars

This is INVALUABLE information. Joanne, thank you ...

2010-10-29T16:15:19.332-07:00

This is INVALUABLE information. Joanne, thank you so much for sharing!

Scott, I don't know if your suggestion would w...

2010-03-18T20:21:24.874-07:00

Scott, I don't know if your suggestion would work. Have you tried it out? It's not easy to create a fixed bar. I think you're actually fixing your bar to the page and not the viewport. Thus your bar will not appear 'fixed' as the user scrolls and the viewport moves down the page.

The google code could be improved by using the translate3d function instead of translateY. Here's an explanation why: http://groups.google.com/group/iphonewebdev/msg/3146bff39e4eb5cd?pli=1

But it probably wouldn't make a noticeable difference...

Having written a basic javascript animation framew...

2009-09-26T15:49:37.064-07:00

Having written a basic javascript animation framework, I know how useful it can be to animations in web apps. However, in this situation, I would find it more useful for the floaty bar to stay in a fixed position when a checkbox is enabled.
e.g.

// Constructor for the floaty bar
gmail.FloatyBar = function() {
this.menuDiv = document.createElement('div');
this.menuDiv.className = CSS_FLOATY_BAR;
this.menuDiv.style.position = 'fixed';
...
};

// Called when it's time for the floaty bar to move
gmail.FloatyBar.prototype.setTop = function() {
//ensure floaty bar doesn't cover up links on top of app
if( window.scrollY < 30 ){
this.menuDiv.style.position = 'absolute';
this.menuDiv.style.top = '30px';
}
};

// Called when the floaty bar menu is dismissed
gmail.FloatyBar.prototype.hideOffScreen = function() {
this.menuDiv.style.top = '-50px';
};

gmail.floatyBar = new gmail.FloatyBar();

// Listen for scroll events on the top level window
window.onscroll = function() {
...
gmail.floatyBar.setTop();
...
};

This is just a suggestion, but it would prevent the floaty bar from disappearing when you scroll down and covering emails when you scroll up.

Asked this in a couple of other places but not had...

2009-09-23T15:09:55.058-07:00

Asked this in a couple of other places but not had a response yet so will try here. Has anyone managed to get the gmail mobile app on Android to work in offline mode? If I try and send a mail when in Airplane mode it just hangs and then gives a connection error.
(On an Canadian HTC Magic 1.5)