I have presently using bootstrap to make a responsive website. But problem is that, in this case we need to load all the same content for mobile as well which is not required, like heavy images, text etc. which are good only for desktop websites. So, I thought of creating a mobile version of this website which based on User-agent will open.
But I am confused with technology stack to make such website. I need to give users view as well as features which are available in native app. So user coming from mobile do not feel odd using our website. I have found two libraries for such purpose (jquery mobile and angular mobile ui)
I am impressed by mobile view of following website:
zivame.com
cilory.com
For these two websites I fail to understand what library they are using to deliver such smooth and native view and functionality. Please suggest me which tools or libraries should I use to make such beautiful website like zivame.com ?
Related
I have created a fully functional good looking website but it is not responsive as of now, I tried to make it responsive but the code is not developed that way.
So Now I am thinking to go for an alternative. i:e Jquery Mobile.
So there will be two websites one is for desktop and one is for mobile device(to be coded newly in jquery mobile). Whenever user visit with any mobile device, I will redirect the user to the mobile version.
So I just wanted to confirm if it could be the good practice or not. Will it impact SEO or Would there be any problem for the website in future if I go that way?
I have several sites that use jQuery Mobile and they all rank well and pass the Google Mobile Friendly Test, so I don't think you need to be too concerned about SEO being affected if you have two sites.
Having standalone mobile sites does have some advantages, for example you can make the page weight of your mobile sites lighter without any complicated javascript.
One to the downsides is that you'll have two versions on the same site to maintain. The only reason I still have some jQuery Mobile sites is that they are older and were designed before responsive web design was cross-browser reliable.
So I just wanted to confirm if it could be the good practice or not?
You can go either way. I found jQuery Mobile easy to implement and it has been very reliable and low maintenance. Personally I go for responsive design now, but I'm sure you'll find plenty of developers that prefer using standalone mobile sites and jQuery Mobile.
Good luck!
Recently we have finished the development of our application and we have used Spring , Hibernate,Jquery etc in it.
Now today my manager came to me and asked , hey we have to develop a mobile version of our application so that it can work efficiently on mobile devices. He was more focusing on the responsive design.
So, i think in this case we have to change only the view component of
the application. Am i correct ?
What all technologies are available at our disposal that we can use
to develop an efficient mobile version of application ?
I have heard about Spring mobile , jquery mobile etc , but I am not sure from where to start basically i have to give a list of technologies/library/framework that can be used for the mobile web development.
Please help with your valuable suggestions.
First I think I should caveat that this question is only going to get opinion based answers since there are many different ways to support mobile platforms from web applications and the right solution will largely depend upon what platform the majority of your end users will be using and the amount of content you need to display.
If the majority of your users will be pc/tablet based but you also want to support mobiles with the one application then you should take a look at the bootstrap css framework which provides an easy way to create a responsive UI which will look usable on most screen sizes however it won't look like a native mobile app, which from my experience is where jquery/spring mobile have the advantage they make web apps look like native mobile applications although whilst they can viewed on a pc/tablet they won't look great scaled up.
In my experience if you want a great user experience on both mobile and pc you should create 2 separate User Interfaces each one focused on a specific platform otherwise one or other user experience will be compromised in some way.
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...
Using jQuery Mobile the input fields all seem to be styled something like this
But most mobile apps, or iPhone at least, the fields tend to be styled as
How can I get jQuery Mobile to use the more standard style for inputs?
There are some real trade offs between mobile web and native applications but the UI gets confusing when you start mixing the two.
jQuery Mobile renders a very similar web appearing interface across a number of mobile platforms and I believe that is one of its biggest strengths. The user sees web and experiences web like interactions.
Frameworks like telerik's Kendo render very native looking interfaces across iOS, Android and BlackBerry but they don't feel or interact in a native way which is confusing. Users see native but experience a web interactions.
If you really want native, consider other frameworks.
I want to build a web based app targeting ipad. Users will be browsing an interactive menu and submitting orders to the kitchen. It would be nice to tie into an existing pos system but that may not always be an option.
The app needs to be highly responsive and perform like native. Cms would be nice because content changes often.
So what sort of frameworks should i be looking at? Im considering drupal with jquery mobile but i havent found too much info on that combo. Im still open and looking for an expert opinion.
The topic has been covered at the latest drupal conference in Chicago.
Here are the videos:
http://www.archive.org/details/drupalconchi_day2_drupal_on_the_go_with_jquery_mobile
I suggest jQuery mobile on the frontend, plus a backend web framework with a templating system. Any of these should suit your needs:
Django/Python (heavy)
Flask/Python (light)
Rails/Ruby (heavy)
Sinatra/Ruby (light)
Symfony/PHP (heavy)
PHP (light)