I have created a few mobile app using phonegap and i have used jquery mobile, purely because the controls are nice looking, but mainly because it has the nice changePage function. I like to have multiple html documents to break up the code, and with over 10 separate screens i think it keeps the code tidier.
Can anyone tell me, how to normally changePage with a nice "slide" animation without using JQuery mobile, using multiple html pages. Is this possible?
I will still be using JQuery, but i would like to use something like chocolateUI or twitter bootstrap for the design of the controls.
Any examples would be much appreicated, i have tried googling this but all the results say "how to change page with JQuery Mobile" and i do not want this.
Thanks in advance
Maybe you could start working with Ionic Framework:
http://ionicframework.com/
It's works with AngularJS, and has the functionality you are looking for. It also works great with jQuery.
I've build a couple of apps with it myself and I'm still really fond of it!
There are other frameworks like:
OnsenUI (http://onsenui.io/)
Kendo UI (http://www.telerik.com/kendo-ui)
Sencha (http://www.sencha.com/products/touch/)
Monaca(http://monaca.mobi/en/)
ReactJS (http://facebook.github.io/react/)
Hope it helps!
Related
I want to implement a side menu app using html5 and javascript like the google home page on iphone. some one who know a plugin can do this?
thanks
I think this library may help you. It uses jQuery.
http://www.berriart.com/sidr/
I want to use both jQueryUI and Mootools in my app but only the last one entered into the javascript_include_tag in my layout will work. Is it possible to have both running at the same time?
Im using the accordian from Mootools and the buttons from jQueryUI.
Thanks for any help its much appreciated!
It's probably best to stick with just one library (there's an accordion available for jQuery as well, in UI as well I guess). But if you want to use both, you can use jQuery's noconflict mode. Read all about it here: http://api.jquery.com/jQuery.noConflict/
I'm using jQuery on a client's vCard site - http://chrismward.com/beta - to switch between pages.
It all works great on the computer, but when I try on my iPhone: no dice.
I'm using jQuery 4.0 and here is the only js file I'm using on the site (other than jQuery from the Google CDN) - http://chrismward.com/beta/resource/js/main.js
If anyone can help me, I'd greatly appreciate it.
Thanks,
-Giles
Regular JavaScript animations (using setTimeout/setInterval) don't work very well in Mobile Safari; you need to use CSS Animations to get decent results. You might want to try creating an iPhone-optimised version of the site using jQTouch (which uses CSS animations).
They appear to work fine in the iPhone Simulator. Which means, if they are too slow on an iPhone, they are just too slow. Use CSS animations like Steve Harrison suggests. You probably want the -webkit-transition property. Here's an example you can try.
I'm trying to find out how they were able to create this site. http://www.cpeople.ru, i am trying to build my portfolio to look something like it. Particularly, I want the slider effect of the menu. Please help me out. Thanks. :)
Look at the source code, it's quite open. They're using jQuery with the jCarousel and Mousewheel plugins. On top they have two custom scripts called f.js and portfolio.js, which are plainly readable as is.
Look into free JavaScript frameworks, particularly jQuery UI. jQuery can do plenty of special effects, and it's quite easy to use.
If you look at the source of the linked webpage, you can see it uses jQuery and two jQuery plugins, jCarousel and mousewheel.
Be sure not to copy swathes of code from existing websites (unless it is expressly permitted, as is the case with jQuery), as that would be copyright infringement.
Try chrome sniffer if you use google chrome.
Do you have any idea about how is made, or how can be made the slide-show from vertigosoftware.com but without using a Silverlight technology.
Do you have any idea if that can be made with jQuery? Do you know which jQuery plugin does that?
Many Thanks
What about carousel plugin in jQuery?