Menu icon Foundation
Jquery Mobile like Page transitions for Foundation

Hi there, Namaste

To start with let's just say ,

1. I'm in love with the new Foundation 5. Just awesome work and really new good feature's.

2. But still i think upcoming Foundation needs to support the Jquery mobile like full page transitions support for app developers around the world..

3. Very grateful to the support community and loving the help coming from foundation side..

Foundation 5jquery mobilepage transitionssupport

Hi there, Namaste

To start with let's just say ,

1. I'm in love with the new Foundation 5. Just awesome work and really new good feature's.

2. But still i think upcoming Foundation needs to support the Jquery mobile like full page transitions support for app developers around the world..

3. Very grateful to the support community and loving the help coming from foundation side..

Karl Ward over 5 years ago

  1. But still i think upcoming Foundation needs to support the Jquery mobile like full page transitions support for app developers around the world..

This is outside the scope of what is offered native to Foundation. Basically it requires your pages to load with ajax, and you can do this yourself, but Foundation does not do it for you. I created a Foundation ajax-based website with page transitions here:
http://mjau-mjau.com/

jQueryMobile does this out of the box, but unlike Foundation, you are locked to the JQM default layout. Besides, JQM is made for mobile devices only, and is shrinking in popularity because people prefer to offer a single responsive design across all devices instead.

yashash dave over 5 years ago

"jQueryMobile does this out of the box, but unlike Foundation, you are locked to the JQM default layout. Besides, JQM is made for mobile devices only, and is shrinking in popularity because people prefer to offer a single responsive design across all devices instead."

@karlward - You are right, but that is not what i am suggesting here. All i am asking is to provide a jquery scipt for transitions that can be used for touch swipe functionality in mobile phones..

Karl Ward over 5 years ago

First of all, you will need to ajaxify your website, else it will not work regardless. Also, not sure how this applies for "touch" or "swipe" controls for mobile any differently from on a desktop. You dont swipe between pages ...

Once you have ajaxified your page, and can control events with javascript, you can add page transitions for example as they have done here:
http://tympanus.net/Development/PageTransitions/
(source files are included in the post http://tympanus.net/codrops/2013/05/07/a-collection-of-page-transitions/)