Drupal theme for iPhone and Android devices. Mobile Webkit Updated, Beta Testing

Mobile Webkit, Drupal theme for iPhone and Android devices.  Theme features include:

   *  jQuery based animations

   * Rotation aware layout

   * Admin menu adapted for mobile devices.   

Use the mobile tools module to perfom theme switching and voila you are now mobile.

The theme's block regions all have unique mobile names.  This was done to not try and cram all of a desktop version's blocks in to a mobile theme.  For a better UX specific mobile blocks should be set.

One of the main features of the theme is the adapted Admin Menu.  By hijacking admin menu to display in a mobile optimized menu you can easily maintain a site quickly from your phone.  After logging in if the Admin Menu is present a wrench will be displayed in the top toolbar.  Tapping the wrench toggles the admin menu.  The menu has been optimized to tap directly to the admin page you are looking for.  IE content -> comments -> awaiting moderation.  Get to the page you want in one page load = fast administration.  By enabling the awesome theme editing module you can also fix CSS or page template bugs from your phone.

images:

In depth:

-Logo or Site name can be used (Logo height should be 35px max)

-Search Icon triggers hidden search panel.

-Top Menu region can display primary links or a mobile specific menu to direct users to mobile optimized views or content listings.  This menu is intended to have 4-5 links but will wrap if more are needed.  In landscape a longer menu will display on one line.

-Node listing  pages use adapted teasers to display only when tapped.  This can  be a hidden div or adapted to a ajax request if a handler is set. (upcoming version 2)

-Full pages scroll fluidly allowing the user to read longer posts without the need for zooming or squinting.

-Bottom tab block region houses a panel of content that overlays the content.  We built this to house Quick Links of news and video assets on every page.  This can be mobile specific to allow the user to watch videos via quicktime or their android  media player.

-(Deleted, Ugly) Scroll to top arrow appears when the viewport has been scolled.  This allows the user to quick navigate back to the address bar and main navigation.

-Page footer region is renamed mobile page footer.  Allowing you to have seperate Desktop or Mobile footers if wanted.

This theme is still in it's early stages.  Please check it out and sound back with any comments, bugs or feature requests you may have.  After a few months of beta testing I will commit it to the Drupal.org theme registry.

Update Beta Version Available!  Beta Notes:

Here it is the base theme.  Use it with admin menu to control your site on the go.  Check the Page.tpl.php file for the theme switching script.  Use the script for a mobile subdomain.  More info here

***Beta Download***

Still in Dev,  Super duper block tab overlays. (Coming Soon)