Caching On BlackBerry Browsers


Hello Mobile Web Developers,

As we all know BB mobile devices are one of the most popular and widely used by Mobile Users all over the world. So, this is obvious for any mobile web developer to build the Application to run on BB browsers. While testing on BB devices or emulators you’ll see mostly rendering issues. But I am not going to explain about those issues. Here I’ll share something “Good to Know” concept very specific to BB browsers caching.

BlackBerry browser has built in caching mechanism. In general caching mechanism is used to increase the UI experience and reduce reloading the content again and again. So, for this reason BB has done a good thing by introducing this default caching.

But think about the dynamic content on your application and needs to load based upon user selections or inputs. In these cases the caching will cause issue by not refreshing on page refresh. No matter what, the page will get the old data on each refresh. This is not GOOD!!!!! Right…

So, what’s the solution to this????

We need to tell the browser that the particular page in not asking for caching…Means we need to modify the particular page request header with no-caching elements.

This can be done by adding the <META> tag or through code-behind also.

**************************************************************************************************

<meta http-equiv=”CACHE-CONTROL” content=”NO-CACHE” />

<meta http-equiv=”EXPIRES” content=”0″ />

**************************************************************************************************

 

But this could not be the solution for all BB models. So its better to include the below lines of code into your MasterPage or BasePage, if you want it for entire site. Else do it for particular pages.

 

**************************************************************************************************

HttpContext.Current.Response.Cache.SetAllowResponseInBrowserHistory(false);

 HttpContext.Current.Response.Cache.SetCacheability(HttpCacheability.NoCache);    

HttpContext.Current.Response.Cache.SetNoStore();   

Response.Cache.SetExpires(DateTime.Now.AddSeconds(0));

**************************************************************************************************

 

Cheers!!!!!

Swagat

 

JQuery Mobile (jQuery Mobile 1.0 Beta 3 Released!)


Hello Mobile Web Developers,

After reading lots of article, posts and trying out few samples in JQuery Mobile, I found it would be a great technology and idea to share with.

JQuery Mobile is a new generation scripting language framework specifically built for Smart Phone devices. This framework aims at building dynamic touch based User Interface, which can very much compete with the Smart Phone Apps.

JQuery Mobile framework has considered the below points to deal with

  • Seriously cross-platform & cross-device
  • Touch-optimized layouts & UI widgets
  • Theamable designs: Bigger and better

You must be worried about the device support….No worries !! Just CLICK HERE and see the list of device support this Framework.

Here I would like to share few cool posts/articles about JQuery fundamentals and design guides…Let go through the below links and try out some cool stuffs on your own..

1) http://jquerymobile.com/

A unified user interface system across all popular mobile device platforms, built on the rock-solid jQuery and jQuery UI foundation. Its lightweight code is built with progressive enhancement, and has a flexible, easily themeable design

2) http://www.ibm.com/developerworks/web/library/wa-jqmobile/index.html

jQuery Mobile is a touch-friendly web UI development framework that lets you develop mobile web applications that work across smartphones and tablets.  The jQuery Mobile framework builds on top of jQuery core and provides a number of facilities, including HTML and XML document object model (DOM) traversing and manipulation, handling events, performing server communication using Ajax, as well as animation and image effects for web pages. The mobile framework itself is a separate, additional download of around 12KB (minified and gzipped) from jQuery core, which is around 25KB when minified/gzipped. As with the rest of the jQuery framework, jQuery Mobile is a free, dual-licensed (MIT and GPL) library.

Cheers!!!!!!!!!

Swagat

Emulators or Simulators Download


Hello Developers,

For Mobile Web development this is very important to know about the simulators and emulators. These are basically act as virtual mobile devices with the help of which testing can be done. But this could not give you the 100% testing result as on real mobile device. Still these are very useful to test with.

Here I am sharing different Mobile OS simulator/emulator download details.

1) iPhone & iPad Simulator – (Download)

2) iOS Simulator – (Download)

3) Android Emulator – (Download)

4) HP webOS Emulator for Palm Pre, Palm Pixi, Palm Pixi Plus – (Download)

5)  BlackBerry Simulators for 35 different models including series Bold, Curve, Pearl, Storm, Storm2, Style, Torch & Tour – (Download)

6)  Windows Phone 7 Simulator – (Download)

7)  Opera Mobile Emulator – (Download)

8)  Opera Mini Simulator – (Download)

9) PhoneGap Simulator for Apple iPhone, Generic Android, and others – (Download)

10)  Bada Simulator for Maemo (such as Nokia N900), Symbian Touch (such as Nokia N8) and Symbian non-touch (such as Nokie E71) – (Download)

11)  Garnet Emulator for Old Palm OS devices – (Download)

There are lots of other simulators and emulators are available like  Motorola-Xoom Add-on, Nokia Symbian, Samsung Galaxy Tab Add-On etc. But here I have listed the imortant ones to test with.

With Personal Regards

Swagat

 

 

Mobile Web Development Basics


Hello Developers,

This article is to share few basic notes regarding Mobile Web Application development. I am sharing few of the external post those I found very useful for a mobile web developer.

1) http://www.utexas.edu/web/guidelines/mobile.html

A growing number of users have portable devices like cell phones or portable digital assistants (PDAs) that they use to access information on the Web. The University has developed a Web site for mobile users at www.utexas.mobi. The guidelines below are intended to assist Web developers in preparing mobile-friendly content and applications. The W3C Mobile Web Best Practices Draft also has valuable information on developing for mobile devices.

Developers might notice that mobile-friendly sites and accessible sites have many common features including useful ALT text, single column design, no frames, no pop-ups, no Javascript, and no dynamic menus………………….

2) http://www.w3.org/standards/webdesign/mobilweb

The widespread deployment of Web-enabled mobile devices (such as phones) make them a target of choice for content creators. Understanding their strengths and their limitations, and using technologies that fit these conditions are key to create success mobile-friendly Web content.

See also the Mobile Web Initiative pages…………….

You can read through the above posts and I’ll be posting very good articles in near futures.

With Personal Regards

Swagat