Hybrid App Archive

HTML- How do we set opacity to background/translucent in CSS without affecting the inner content?

Problem This is a common area HTML developers do mistake. For example client will ask to give opacity to background. Here client expectation may be something similar to iphone’s translucent effect. But the developer will give opacity to the outer container, which will affect all it sub containers too. If the opacity value is high

jQuery.SimplyReadMore – A JQuery Read more Plugin with responsive Support

Problem Traditionally the read more plugins are based on the number of characters and which will not always work well with all designs. Most of the issues like height variation and ugly expansion animation are common problems with similar plugins For example The position of read more will always change based on width of each

Windows phone 8 – webview is not respecting Media queries? – Quick Fix

In our recent responsive web design project, we have observed that windows phone is not working with media queries as expected. It’s work well with internet explorer. But, it is not working in native webview with cordoava. For example, the below code add below css on any width in between these width.

Fix for Cross domain issues in Windows Phone 8 Hybrid app with Cordova 2.4 and JQuery

Cordova 2.4 for windows phone 8 app not allowing cross domain requests with ajax request with jquery. This Cordova blocks the request and request will be ignored. This scenario can happen in three scenarios. Loading external server URL Redirecting to another server Ajax Request Basically you make this work by changing by white listing the

JQuery Mobile – PhoneGap – Performance Tuning and Best Practices

Use latest JQuery mobile Please don’t create multiple traversing requests in JQuery, try to cache the selection request and reuse. But make sure that these Don’t us JQuery default animations, use css3 animations Try to avoid wrapping entire contents in an “a” tag. This impact performance badly, especially in scrollable pages. Also avoid too many

How to get the list of History Pages in Jquery Mobile

If you are familiar with Jquery mobile this, must be common question which may come in your mind. Because most of the time you need previous page and second last page for manipulation or for navigation. For navigation you can redirect using native browser history object. So if you want to go back to previous