ingatlan.com goes mobile

16
goes mobile Bártházi András Arkon Zrt.

Post on 21-Oct-2014

2.286 views

Category:

Technology


1 download

DESCRIPTION

 

TRANSCRIPT

Page 1: ingatlan.com goes mobile

goes mobile

Bártházi AndrásArkon Zrt.

Page 2: ingatlan.com goes mobile

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

Page 3: ingatlan.com goes mobile

July 2011

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

Page 4: ingatlan.com goes mobile

• 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

Page 5: ingatlan.com goes mobile

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

Page 6: ingatlan.com goes mobile

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

Page 7: ingatlan.com goes mobile

documentation?

• unfortunately Zepto.js had no documentation

• fortunately the code is small andeasy to read

Page 8: ingatlan.com goes mobile

.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()

Page 9: ingatlan.com goes mobile

.click()

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

Page 10: ingatlan.com goes mobile

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

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

Page 11: ingatlan.com goes mobile

Touch

• Zepto focuses on mobile,handles touch events <3

Page 12: ingatlan.com goes mobile

Summary, the good news

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

Page 13: ingatlan.com goes mobile

And these days...

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

Page 14: ingatlan.com goes mobile

... 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

Page 15: ingatlan.com goes mobile

... and not the only one

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

Page 16: ingatlan.com goes mobile

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