goes mobile

Bártházi AndrásArkon Zrt.

Bártházi András

• IT research and PR guy at Arkon Zrt.(the creators of ingatlan.com & koponyeg.hu)

• @ba78 on Twitter• blogs at Weblabor.hu, Webakademia.hu

July 2011

Source: http://www.flickr.com/photos/icyaero-photography/5800568820/

• we’ve done it in last July• today’s landscape of choices is different,

I’ll talk about that as well

let’s do a mobile view

the idea

• a basic mobile view for ingatlan.com• our “main site” is using jQuery• jQuery is “too big” for mobile

development• we don’t want to maintain a new code

Zepto.js?

• a jQuery compatible, mobile JS library• Zepto v0.5-v0.6:

31k, 14k minified, 5k minified+gzipped vs.jQuery 1.4.3:180k, 78k minified, 27kb minified+gzipped

• sounds good, but not worked as a drop-in replacement

documentation?

• unfortunately Zepto.js had no documentation

• fortunately the code is small andeasy to read

.querySelector()

• jQuery is using the Sizzle selector engine• Zepto.js is working with querySelector()• jQuery’s :visible selector is not part of the

CSS specification, so not working with querySelector()

.click()

• jQuery has a .click() eventhandler• Zepto had only the general .bind()

$.inArray(), $.each()...

• jQuery has some great utility functions• Zepto have not implemented them

Touch

• Zepto focuses on mobile,handles touch events <3

Summary, the good news

• had to work on it, but Zepto.js seems to be a working, recommandable solution

And these days...

Source: http://www.flickr.com/photos/bensonkua/5738557548/

... and today, even better news

• Zepto.js improved a lot, v1.0rc1 have been released yesterday• a new site with a good documentation• much-much compatible with jQuery• also with experimental support

for :visible and so

... and not the only one

• new players arrived as well:• jQ.Mobi - even smaller than Zepto• jquip - a modularized jQuery

Source: http://www.flickr.com/photos/theilluminated/5386099858/