HTML CSS and Mobile Tools module and a mobile theme (UPDATED)

UPDATE
Once again blown away by Panels! Seems with Panels and the Context settings you can choose the mobile device as an argument to show or not show a bunch of content! This could mean a lot for this setup. For example Panels could be your home page and site. When you visit the site on iPhone of Android it only shows a narrow layout with a certain View or Content Pane!
More on this soon.
----
Working on learning HTML and HTML5 and how to work it more into drupal in context of all these mobile devices.

One book I have been using so far is html css iphone which starts with the basics like webkit and css to more advanced items like a local database all without making an App.  This is nice cause to a degree you can write once and display on many devices.

Also it takes the drupal, html, css and php skills I already have and puts them to work.

So far the project site we use now responds to the Android or iPhone user by showing a different interface. (see image one below)

The code to make this was not that hard. Sure you can use some predone modules in drupal for this but I just wanted to get a sense of how it works.  The modle Mobile Tools (you do not need to purchase the service) lets you choose what devices get what theme. So you could make a theme for the iPad or upcoming Android devices. 

The really cool thing so far about the Android device over the IPhone is that the Browser lets me attach and upload images and audio files from my phone. This is a feature I believe of HTML5 that is not yet enabled on the iPhone for security reasons. (I could be wrong there).

Also Image two shows a menu that expands like a typical iPhone menu.

The next items on the list are jquery touch and titanium

Image One

Image Two

Example Code

Click Here to download the page.tpl.php.txt file. For some reason it did not look good in the code fileter so I will just share it this way.

Faceted Search

Related by tag

drupal, views

drupal

developer, drupal, php

drupal, panels, views

html5, mobile

drupal, Drupal Planet, security

drupal, Drupal Planet

drupal, usability

drupal, ubercart

command line, drupal, Drupal Planet

drupal, mac, mamp

drupal, Drupal Planet, omega

Author Profile

Alfred Nutile's picture
Alfred Nutile

Not counting my Commodore 64 years, I began my IT career when Windows 95 hit the scene and Google was just a glimmer on the Californian horizon. I discovered Drupal four years ago when it was giving Joomla a run for its money.
 
At the time, I was working as the IT manager at the National Priorities Project (NPP). We were using Joolma and getting about 200,000 visitors a month and the site was not scaling well.  I saw the limits of Joomla and the promise of Drupal 4 with its taxonomy system, clean urls, and security features.  I converted NPP to Drupal and migrated their main database,  http://nationalpriorities.org/nppdatabase_tool, from webobjects to a Drupal-friendly structure in MySQL.  Still not satisfied, I moved NPP’s constituent data (including their 25,000 member email list) out of the expensive Raiser's Edge and into the free and open source CiviCRM 1.8, saving the company money that it was spending on their desktop software.
 
Thus began my commitment to supporting non-profits by creating affordable, custom-built content management systems in Drupal and CiviCRM. I founded River Valley Tech Collective as a collaborative team of other like-minded techies to provide Drupal-driven sites to a wider range of non-profits, educational institutions and local community organizations.