Response title
This is preview!
Move this topic
Converting Web Applicatiion To jQuery Mobile
in jQuery Mobile
•
4 years ago
I have a PHP web application and I want to create a jQuery mobile version - Are the any tools that would do a lot of the work/conversion for me or do I need to rebuild the forms/layout etc from the ground up. The CSS/layout is pretty old so the first instance we wanted to build the jQuery mobile version then detect mobile/tablet devices and redirect them to the jQuery mobile version.
2nd phase is to build the mobile apps for iOS and Android but I'm primarily concerned with creating the jQuery mobile version and deploying for the web in the first instance.
Thanks in advance ....
1
Replies(13)
Re: Converting Web Applicatiion To jQuery Mobile
4 years ago
Completely rewrite the site. Design for mobile first. Then add a little code/css to make it work well on desktop size screens.
Consider not using jQuery mobile. It has not/will not be updated. There are lots of other frameworks out there. I prefer to go 100% native without frameworks. But that’s me. You may want to use something to help you.
JΛ̊KE
Leave a comment on jakecigar's reply
Re: Converting Web Applicatiion To jQuery Mobile
4 years ago
So if use Bootstrap 4 for new responsive design/layout for example, I could then use PhoneGap or Cordova to create mobile apps from that?
Leave a comment on Paul11111282622318's reply
Re: Converting Web Applicatiion To jQuery Mobile
4 years ago
Think that's the best option for me then .....
It’s one of the popular ones. There are so many these days!
JΛ̊KE
Leave a comment on Paul11111282622318's reply
Leave a comment on Paul11111282622318's reply
Re: Converting Web Applicatiion To jQuery Mobile
4 years ago
better maybe to use something like framework7 do you think?
It is "heavy". You have to decide if you need/want its multitudes of features.
As a comparison to JQM, it looks good.
JΛ̊KE
Leave a comment on Paul11111282622318's reply
Re: Converting Web Applicatiion To jQuery Mobile
4 years ago
Learn the latest CSS and HTML5 native Javascript APIs. Start with Flexbox CSS and the Fetch API.
Decide which browsers you are willing to throw under the bus, and use the CaniUse website to make sure that new CSS/APIs that you use will work on the browsers you want to support.
Please clarify that you don't hadn't meant to "convert" PHP -> jQuery Mobile. You will still (presumably) need back-end code, which can be PHP or some other server language. jQuery Mobile (or other client library) can't replace the server language!
Some MVC/MVVC/etc. frameworks like Angular or React can replace SOME of the server functionality - but are very complex with a steep learning curve. They shift some of the burden of creating pages to the browser. I'm not convinced that's generally a good idea. They can be a performance drag, or they can bring improved performance, depending on how you use them. (They can be sluggish creating large pages with a lot of widgets).
I concur with Jake - don't start a new project today with JQM. It is a dead parrot!
Bootstrap is a good starting point. Make sure you use Bootstrap 4, not 3. There were some major changes in the CSS design. Bootstrap 4 is based on relative units (em) rather than absolute (px).
I write hybrid native mobile apps with Bootstrap 4 and an unpopular native framework called Rhodes. It lets me write much of the code that would be written in Javascript in Cordova in Ruby or nodeJS and implements a client/server MVC inside the apps. But Cordova is a good and most popular choice.
Leave a comment on watusiware's reply
Re: Converting Web Applicatiion To jQuery Mobile
4 years ago
Leave a comment on jakecigar's reply
Re: Converting Web Applicatiion To jQuery Mobile
4 years ago
I'm very familiar with Bootstrap, so so you've convinced me on Bootstrap 4 and I'll probably go with PhoneGap as I have an active Adobe Creative Cloud subscription and it seems as though it'll be a little bit easier to work with for someone like me who's learning as they go with mobile apps.
Thanks for all the help, much appreciated...
Incidentally, are there any 'out of the box' Bootstrap themes/templates specifically for mobile app development
Leave a comment on Paul11111282622318's reply
Re: Converting Web Applicatiion To jQuery Mobile
4 years ago
I like Framework7 from what I have seen of it, but I have not used it. I think it comes closest to matching jQuery Mobile in intended audience and scope. It CAN be used with Vue.js or React.js, but they are not required.
I would be cautious, though, if you are building a general-use website. It was built specifically to be used on iOS and Android. It's quite specifically targeted for providing widgets for Phonegap/Cordova apps, and has native look/feel for each platform.
One design choice you have is whether you want a unified look/feel or a native look/feel. For my own purposes, we want a unified look/feel so that training material is the same regardless of platform. (I work on educational apps used in a formal classroom setting. Students might have an iOS device or an Android device.)
For something more consumer-oriented, you might like a native look/feel.
For "out of the box" Bootstrap themes, I'd suggest you explore the themes sold directly by the Bootstrap developers. Some are developed by their own developers, some by third-parties, but all curated by the Bootstrap team. The profits go to help improve Bootstrap.
I haven't used any of these, but it would be my first place to look for a theme. One thing with the themes, though, is that they might not all be up-to-date with the latest version of Bootstrap 4. It takes some time for the theme developers to get up-to-date with new Bootstrap versions.
The future of widgets is Web Components. But it is probably too soon for most projects.
Leave a comment on watusiware's reply
Re: Converting Web Applicatiion To jQuery Mobile
4 years ago
I’m doing all new development with Web Components. I have 5 down, and hundreds to go.
JΛ̊KE
Leave a comment on jakecigar's reply
Change topic type
Link this topic
Provide the permalink of a topic that is related to this topic
Reply to Paul11111282622318's question
{"z641311159":[14737000007852078,14737000007850003,14737000007850005,14737000007850007,14737000007850009,14737000007850011],"z7664639":[14737000007856025,14737000007856029],"z2950240":[14737000007852099,14737000007852101,14737000007852103,14737000007852105,14737000007852109,14737000007852111]}
Statistics
- 13 Replies
- 4410 Views
- 1 Followers