Mobile Drupal - mobile en Persist your session across your desktop and mobile site <p>This is a small tip for devs who decide to use separate domains for the desktop site and for the mobile site, and who want users to easily switch between both sites without loosing the session.</p> <p>e.g.:</p> <ul> <li>Mobile site: <a href="" title=""></a></li> <li>Desktop site: <a href="" title=""></a></li> </ul> <p>The trick is to let Drupal set your cookie for the base domain:</p> <p>Doing this can simply done by changing the $cookie_domain variable in your settings.php file.</p> <p><a href="" target="_blank">read more</a></p> drupal mobile Fri, 26 Nov 2010 16:37:03 +0000 Tom 97 at Create your own device detection algorithm in Drupal using Wurfl and Mobile Tools <p>While going through the <a href="">Mobile Tools issue queue</a> today, I noticed some questions on the device detection mechanism in <a href="">Mobile Tools</a> and how some desktop browsers are wrongly detected as mobile devices.</p> <p>To be honest I don't use the Mobile Tools built in device detection mechanism myself.... The simple reason is that Mobile Tools has a set of rules that try to discover the nature of the accessing device by looking at the user agent string. Have a quick look at the <b><a href=";view=markup">code (line 496: function _mobile_tools_is_mobile_device())</a></b> to see how the device detection works. </p> <p>You will understand that the effort in keeping up with new devices and browsers is not an easy task, and these rules become inaccurate or outdated. It is sufficient and recommended for testing and quick prototyping during mobile development... But I would not recommend using it for production sites!</p> <p><a href="" target="_blank">read more</a></p> device detection drupal mobile Sun, 21 Nov 2010 16:32:12 +0000 Tom 96 at Powering mobile apps by Drupal <p>The interest in creating mobile apps or mobile websites with Drupal is increasing enormously. With the launch of the new <a href="">Windows Phone</a> today, the new <a href="">Symbian^3</a> and the <a href="">BlackBerry 6</a> family of devices, the already enormous popular Android and iPhone duo got some new brothers and sisters. It is clear that there will be an enormous need for mobile developers and platforms that can drive these developments.</p> <p>To illustrate the interest of the Drupal community in Mobile, just have a ook at a recent blogpost by Dries <a href="">where he polled the community</a> about possible wishes and needs in order to make Drupal a better platform to drive mobile apps.</p> <p>While a number of solutions are being created as we speak I just wanted to point to two specific efforts that, instead of creating Drupal code to better communicate with mobile apps, write libraries for mobile platforms to better communicate with Drupal:</p> <ul> <li><strong><a href="">Drupal iOS SDK</a></strong> is an iPhone library for Objective-C developers</li> <li><strong><a href="">Titanium API Group</a></strong> tries to collect snippets of code for the <a href="">Titanium Framework</a> that can power both Android and iPhone platforms. Hopefully some more formal Titanium libraries will emerge from this effort...</li> </ul> <p><a href="" target="_blank">read more</a></p> android drupal iPhone mobile Tue, 12 Oct 2010 02:28:37 +0000 Tom 92 at Styling form buttons on the iphone: -webkit-appearance <p>Techniques for styling "form buttons" are well known to themers, and certainly to themers who develop for smarthphones that understand some CSS3, things become very easy.</p> <p>However, recently we ran into some issues with iPhones that show a glare if we theme our buttons...</p> <p><div class="geshifilter"><pre class="text geshifilter-text" style="font-family:monospace;">&lt;input type=&quot;submit&quot; name=&quot;submit&quot; value=&quot;submit&quot; id=&quot;submit&quot; /&gt; &nbsp; &lt;script type=&quot;text/css&quot;&gt; #submit { color: #fff; width: 135px; height: 30px; border: none; background: #E00 ; -webkit-border-radius: 5px; } &lt;/style&gt;</pre></div></p> <p><a href="" target="_blank">read more</a></p> iPhone mobile Mon, 27 Sep 2010 02:10:18 +0000 Tom 91 at Rethinking the mobile web <p>This presentation is a very well crafted set of slides explaining some basic concepts of creating mobile websites, and more specific to make your desktop site adaptable.</p> <p>It discusses lot of techniques that I use to make mobile websites performant... However some design choices we get from clients not always allow the very lightweight approach ( => example slide shows on mobile devices).</p> <p><a href="" target="_blank">read more</a></p> mobile Thu, 16 Sep 2010 16:54:17 +0000 Tom 89 at Mobile Web testing... What's in my toolkit <style> #simulators dt { padding-top: 10px; } #simulators dt a { color: #CA0F10; } </style><p>When you are developing mobile websites, it is very important to have a rich Toolset that helps you in evaluating your mobile creations. This is not only for yourself, but also to reassure the client that you have the development under completely under control.</p> <p>Screensizes and browser capabilities can change the look and feel of your site drastically... So better prepare!</p> <p><a href="" target="_blank">read more</a></p> drupal mobile web Tue, 14 Sep 2010 06:16:39 +0000 Tom 88 at Using Virtual Hosts on the Android Emulator <p>We know that it is a very good practice to use Virtual Hosts on your local machine to develop websites locally. Using paths like <a href="http://localhost/site1" title="http://localhost/site1">http://localhost/site1</a> are not only bad looking, it gives problems when you reference files, images, ... relative to your domain. It also helps you get better organised.</p> <p>There are some steps to undertake in your systems hosts file and in your apache server in order to get these virtual hosts running. Just <a href=";btnG=Search">google</a> or <a href="">Bing</a> for a tutorial.</p> <p><a href="" target="_blank">read more</a></p> android iPhone mobile testing Mon, 16 Aug 2010 19:15:32 +0000 Tom 87 at Device detection in apache <p>As maintainter of the Drupal <a href="">Mobile Tools module</a> I often get the question how device detection works when caching is enabled (e.g. with Boost).</p> <p>Several solutions are emerging. Two of them worth looking at:</p> <p>- <a href="" title=""></a><br /> - <a href="" title=""></a></p> <p>Both are doing device detection in apache.</p> mobile web Sat, 31 Jul 2010 14:24:48 +0000 Tom 86 at HOW TO: Optimize Your Mobile Site Across Multiple Platforms <p>Mashable has written a simple and short write up on creating a mobile website:</p> <p><a href="" title=""></a></p> <p>It is short, but contains some links to good resources on developing mobile website.</p> mobile Sat, 17 Jul 2010 14:43:14 +0000 Tom 85 at Foursquare module for Drupal <p><img style="float:right" src="" /></p> <p>This week I launched a <a href="">Foursquare module</a> for <a href="">Drupal</a>.</p> <p>The launch of this module fits in a local experiment that lists several NYC based bars. This effort resulted in <a href="" title=""></a>.</p> <p>Further, this twitter quote directed to me raises some serious issues that must be addressed thoroughly in the Drupal community ;)</p> <p><a href="" target="_blank">read more</a></p> drupal foursquare mobile Fri, 30 Apr 2010 20:39:40 +0000 Tom 81 at