Many PhoneGap developers are concern to get the native like feel for their iOS PhoneGap applications so here I have search out some tips to achieve such quality for PhoneGap Application.
Conduct test on previous versions
When you accomplish the development of your PhoneGap application it may look & feels just like native one on New iPad 3 or iPhone 5. But remember that Apple release new updated version every six months and nobody can afford to buy each version comes into the market so it is better you test your apps on precious versions of iOS devices and if your app perform good on them it is sure that it will do best on latest versions.
Use 3D transforms to show or hide elements for PhoneGap application
Based on user interaction you need to show or hide some elements like a modal dialog or menu. The easiest way is use “display:none” or “visibility:hidden”. This technique can achieve 3-5X speed with “display:none”.
Preload images
You have images already stored on the iOS device, but when these images displayed first time you experience a noticeable “pop-in” in such condition CSS 3 catching may prove the best method to cope with this issue. If you practically don’t want enumerating and maintaining a list of every background image you can use a jQuery plug-in to preload any background image referenced in CSS.
Honor maximum texture sizes
Each iOS device has a maximum texture size so when you transform an element larger than the maximum texture size it will be broken into smaller tiles before the transform and it slow the process and look ugly so always respect maximum texture sizes during creation of PhoneGap application.
Read More:- PhoneGap App Development—A Shortcut to Mobile Development
Conduct test on previous versions
When you accomplish the development of your PhoneGap application it may look & feels just like native one on New iPad 3 or iPhone 5. But remember that Apple release new updated version every six months and nobody can afford to buy each version comes into the market so it is better you test your apps on precious versions of iOS devices and if your app perform good on them it is sure that it will do best on latest versions.
Use 3D transforms to show or hide elements for PhoneGap application
Based on user interaction you need to show or hide some elements like a modal dialog or menu. The easiest way is use “display:none” or “visibility:hidden”. This technique can achieve 3-5X speed with “display:none”.
Preload images
You have images already stored on the iOS device, but when these images displayed first time you experience a noticeable “pop-in” in such condition CSS 3 catching may prove the best method to cope with this issue. If you practically don’t want enumerating and maintaining a list of every background image you can use a jQuery plug-in to preload any background image referenced in CSS.
Honor maximum texture sizes
Each iOS device has a maximum texture size so when you transform an element larger than the maximum texture size it will be broken into smaller tiles before the transform and it slow the process and look ugly so always respect maximum texture sizes during creation of PhoneGap application.
Read More:- PhoneGap App Development—A Shortcut to Mobile Development
RSS Feed