StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>Wow, that's a number of different questions. Here goes:</p> <p><strong>1 & 2)</strong> There are a number of sliders/carousels that support touch events by default, such as <a href="http://www.woothemes.com/flexslider/" rel="nofollow">FlexSlider</a>. FlexSlider, like many jQuery plugins or extensions, requires jQuery. However, since Zepto is API-compatible with jQuery, most likely FlexSlider will work out of the box with jQuery. I'd simply search through the code for references to jQuery and change to Zepto or $. However, FlexSlider currently has a <a href="https://github.com/woothemes/FlexSlider/issues/519" rel="nofollow">Win 8 bug</a> which might make it a non-starter for you. In which case I'd recommend using the popular Bootstrap carousel and plugging in your own touch events, as described in the <a href="http://lazcreative.com/blog/how-to/how-to-adding-swipe-support-to-bootstraps-carousel/" rel="nofollow">this article</a>. The post describes how to use jQuery Mobile touch events, yet it would be just as easy to use Zepto touch events. Inversely, if you'd like to use Zepto touch events with jQuery, this is also easy to accomplish. It requires a couple minor modifications (you can grab my patched up version <a href="http://endless.beautifuluniquesnowflake.com/assets/js/plugins/jquery.zepto-touch.js" rel="nofollow">here</a>).</p> <p><strong>3)</strong> While <a href="https://developers.google.com/speed/libraries/devguide" rel="nofollow">Google CDN</a> does not host Zepto, you can find it hosted on <a href="http://cdnjs.com/" rel="nofollow">Cloudflare's cdnjs</a>. There's even suggestion that <a href="http://www.baldnerd.com/make-your-site-faster-cloudflares-cdnjs-vs-google-hosted-libraries-shocking-results/" rel="nofollow">cdnjs may be faster than Google CDN</a>.</p> <p><strong>4)</strong> Yes, I've used Zepto in mobile projects. It works well and is a fair bit lighter than jQuery, which provides backwards compatibility that is mostly unnecessary on mobile devices.</p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload