I make a website in php at backend and HTML,CSS at frontend.Now the requirement is to make it compatible for also mobile.I am thinking to use JqueryMobile but I am confuse that same layout work for both or make different for both.
Is layout make by JqueryMobile cover both ends?Is I make separately JqueryMobile layout?
According to the jQuery Mobile description:
jQuery Mobile is a HTML5-based user interface system designed to make responsive web sites and apps that are accessible on all smartphone, tablet and desktop devices.
Then, the same layout will work in both mobile and desktop browsers. Despite that, you should consider how your website looks in desktop browsers if you want to provide different functionalities in each platform.
See here.
jQuery mobile works for both mobile and desktop, but whether or not it looks good on mobile will also depend on your layout in CSS.
Related
I am working on a website and the homepage is very javascript/jQuery heavy. Because of this there are all sorts of issues on mobile devices when loading the page. Mobile Safari crashes and on other devices the page freezes completely.
I would like to know if it is possible to disable an external javascript file, if the website detects that you are using a mobile device.
You have two main choices:
At the beginning of the external javascript file, check what kind of device you're on and skip executing the rest of the file if desired.
Don't statically load the javascript file. Instead, check what kind of device and then dynamically load the JS file if not on a mobile device.
That said, what you really ought to do is fix your javascript because there's no reason you can't have javascript that works on both desktop and mobile devices. If mobile Safari is crashing that's because you have issues in your JS that you should fix, not because you can't run JS on mobile Safari.
Thank you for the response, I will probably try option 1. The problem is that it is using a parallax scrolling effect via Stellar.js which I have heard does not work well with mobile browsers since scrolling works differently.
I'm new to PhoneGap. I created a sample application using ponegap and jquery mobile which contain some button and few other form elements. While I installed in my mobile(Samsung Ace), i feel the UI of button and few other form elements are not looking good. Cornering in button is not perfect.
I'm using the following
cordova-2.9.0.jar
jquery-2.0.3.min.js
jquery.mobile-1.3.2.min.js
jquery.mobile-1.3.2.min.css
Am i missing anything? Please help me.How to make the UI look and feel good?
Thanks
To make UI in Phonegap, jQuery Mobile is good, but not the best. If You want the best result in performance and UI then you'll have to use Sencha Touch. Please visit this Link it may be helpful to you.
I would suggest to use ThemeRoller to get your UI in jQuerymobile framework
Check the following link
http://jquerymobile.com/themeroller/index.php
Speaking for myself, I've used jQuery Mobile with Phonegap, and I'm fairly happy with it. I don't think the problem you're having with the corners is jquery mobile, but rather related to whatever emulator program you're using; they work fine for me on various resolutions on my laptop, tablet, s3 & iphone, even when I zoom out/in between 25% and 500% on chrome using ripple.
To make a nicer interface, you can use jQuery Mobile's ThemeRoller.
jQuery Mobile framework is not important for phonegap app, you can customize your own styles using normal HTML and CSS (CSS3 also).
I am trying to implement some type of touch based scrolling with Javascript. I have found a few options, this and this, but neither work on Windows Phone 7 devices. My website is primarily for my Windows Phone apps, so they will not work. Is there any way to do this?
Check out jQuery's Mobile UI. It has been built specifically for mobile devices. Plus you can also use it as a wrapper to present you content in a mobile friendly way.
http://jquerymobile.com/
So I'm trying to build a mobile and desktop version of a website simultaneously (using a MediaWiki engine, if anybody is interested). Since I don't have much experience with mobile device building, I was looking around for some good mobile development practices. In the end, I feel media queries are good for what I need to do, mostly because double-publishing on separate domains (like m.foo.com vs foo.com) is not possible for this task.
The shortcoming to CSS media queries, it seems, is the apparent inability for phone users to view the site in desktop format whenever they want to (Google or YouTube is a good example of this when accessed using a phone).
Is there any way for me to freely toggle between desktop and mobile stylesheets developed with media queries? Would using javascript be too bulky for a mobile device to download?
I appreciate any suggestions. Thanks!
EDIT: For clarification, yes, I want to click a link or button on the mobile style to switch to a desktop style.
I'm 90% sure that it is not possible with CSS alone but can easily be accomplished with PHP or Javascript. It shouldn't be too bulky to use javascript.
Some examples
PHP Style Switcher.
Javascript Style Switcher
Jquery Style Switcher
I m designing an appliaction for mobile phone. Do I need to write different set of code for both the orientations of mobile? Please suggest some ideas.
Thanks
You have to use media queries css to design both orientation and have a look on this url
CSS-Tricks: Media Queries for Standard Devices
there are two ways if you are making you style sheet in pixels then you have to make separate style sheet but if you are using percentage then your style sheet works in both orientation
If you are developing a web application for pc, you need not to worry about the code related with application.All the code for pc version will be active for mobile too.But you need to worry about the page layout-for this you can build a separate mobile version or you can build a mobile compatible website by using separate stylesheet.
I will recommend you to build a separate mobile version page.But still you need not to modify the code related with application.
For mobile page, you can use jquery mobile framework
Good to see some ways you can refer here!