i am in the process of selecting a technology for building an application which would be targeted on the ipad safari browser or the normal desktop web browser. I am leaned towards YUI since it has mobile support and custom libraries. i am not going for DOJO since it doesnt support addition of custom features on their libraries and not GWT because it is a single page application which causes the flow between pages very slow. any ideas are welcome
I would go with jQuery mobile.
Sencha Touch uses all the latest doodads in webkit, and if you're only looking at Apple OS's you would be insane not to look at it as a framework - but then again, I do work for Sencha. In addition to the aforementioned JQuery Mobile, you should also take a look at jqTouch if you want to stick with a markup based approach. (BTW, there's nothing inherently slow about an SPA. A well programmed SPA should be lower latency than a page-driven one.)
Related
I have a web app(developed wholly in ASP.Net and C#) deployed on a server. I want to bundle it as a native iOS app using phonegap.
Actually, all the UI events(like button click etc) are handled in .Net (not in javascript or JQuery Mobile).So I added URL of the web app to web view and got the output in iPad simulator. But I found that the performance of my app is badly affected. The links are not working fine, UI changes suddenly, my validations don't work at all (these many problems found till now).
Is there any way to increase the performance ? Or do I need to re-develop my app using HTML5,Javascript, jQuery Mobile etc.?
.Net and IOS phonegap doesn't really work the way you want it to. You really need to have your app be standalone in that it takes data in the form of XML or JSON to/from a sever that processes it and sends back more data.
The problem is that .Net handles everything on the page (like you said). You might have to find another option.
Its my basic question, but I think it is worth it. I have MVC4 application which is working absolutely on my PC/laptop browser. What next to do work in mobiles/tab also? The application has all latest Jquery, bootstrap, HTML5 and Razor engine code.
Will same application open mobile browser in smaller size? How to make to work?
There are three alternatives.
You can create a native mobile application (IOS, Android and so on) for your web application. Assuming you want to stick with your current app, this choice is useless for you.
There are frameworks such as jQuery Mobile that enables you to write views for your web application that are used in when your application is accessed via mobile devices such as tablets and phones.
Last option is using responsive design techniques. This is especially good when most of the content on the pages are static. If you have used bootstrap, as far as I know, it is a front-end framework that is responsive. In that case, you do not need to do anything.
You can test your application behavior using Chrome developer tools (F12). Just go to settings in developer tools and override the device metrics to resolution you want to test. It should do the trick.
http://channel9.msdn.com/Events/BUILD/BUILD2011/TOOL-803T?ocid=aff-n-in-loc--hr
You have all u want here in above link...
I've written several web-based applications using Backbone in the past, but now I'm starting a new mobile application with Backbone.js and jQuery Mobile. I'm looking at using Marionette or Chaplin to help provide better structure, view management and memory management. Eventually this will be wrapped up using PhoneGap to be deployed an an enterprise app.
However, I cannot seem to find anything that would indicate either of these work well (or don't work) with jQuery Mobile. To get the most benefits from them, I know I'll have to disable jQuery Mobile's, which is fine. I've also seen some questions with issues about require.js and JQM not working well together either. So does anyone know if it's easy to use either of these Backbone frameworks to develop mobile site in a way that will play nicely with JQM? Or have another Backbone based framework that is designed specifically for use with JQM?
The best Backbone + JQM tutorial that I know of is http://coenraets.org/blog/2012/03/using-backbone-js-with-jquery-mobile/
Marionette should work fine - though it will be rather slow at the moment. I've run Marionette based web apps on my phone's browser and it runs... but I am also aware that it ran slowly. I'm working on performance improvements for the next release (v0.9) but that may be another week or two away, depending on how much time I have before my next contract starts.
What the going "best practice" for serving both mobile & desktop browsers from a Rails application?
I'm not talking about custom apps on the mobile side but, mainly (entirely?!?), mobile Webkit.
I watched Railscast 199 which shows a technique of rendering and returning different views depending on whether the browser is mobile or not. Wondering if this is still preferable? What about just offering different CSS (assuming the content is largely the same)? Ideally the solution could take advantage of one of the mobile JQuery libraries (JQuery Mobile, JQTouch, Sencha Touch, etc.) How would things be handled through the asset pipeline?
Since you mention mobile Webkit, I think using CSS3's media query to adapt various devices would be a good choice. Here are some blog posts that are related:
Responsive Design with CSS3 Media Queries
How To Use CSS3 Media Queries To Create a Mobile Version of Your Website
Mobile_fu is still a great way to do it.
You'll need a separate layout file. For my apps which serve up both versions, I have separate JS and CSS folders at /assets/application & /assets/mobile.
I've had good luck with JQuery Mobile, but I've heard good things about Sencha too so that's probably personal preference.
jQuery Mobile is working for my site but slow. Cause of the slowness turned out to be jquery. We searched an alternative but most of them still uses javascript/jquery.
Question: Is there any other framework for mobile with better performance?
Considering Javascript is the core language all web browsers use for programatic changes, unless you want to only change the Visuals via CSS and what it has to offer, I believe you are stuck.
Take a look at Zepto: https://github.com/madrobby/zepto
It still uses JavaScript but with a really small footprint.