SlideShare a Scribd company logo
1 of 16
Download to read offline
goes mobile

 Bártházi András
   Arkon 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/
let’s do a mobile view



 • we’ve done it in last July
 • today’s landscape of choices is different,
   I’ll talk about that as well
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 and
  easy 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/

More Related Content

Similar to ingatlan.com goes mobile

Appcelerator Titanium Intro
Appcelerator Titanium IntroAppcelerator Titanium Intro
Appcelerator Titanium Intro
Nicholas Jansma
 
Web Developer Tools for ICOS 2013
Web Developer Tools for ICOS 2013Web Developer Tools for ICOS 2013
Web Developer Tools for ICOS 2013
偉格 高
 
SlickGrid Touch: Making complex JavaScript widgets work on mobile devices
SlickGrid Touch: Making complex JavaScript widgets work on mobile devicesSlickGrid Touch: Making complex JavaScript widgets work on mobile devices
SlickGrid Touch: Making complex JavaScript widgets work on mobile devices
reebalazs
 
夜宴24期《这段时间》
夜宴24期《这段时间》夜宴24期《这段时间》
夜宴24期《这段时间》
Koubei Banquet
 
Nitobi/PhoneGap at Bootup 2011
Nitobi/PhoneGap at Bootup 2011Nitobi/PhoneGap at Bootup 2011
Nitobi/PhoneGap at Bootup 2011
Brian LeRoux
 
Mobile web in eZ Publish
Mobile web in eZ PublishMobile web in eZ Publish
Mobile web in eZ Publish
Igor Vrdoljak
 
How to start developing apps for Firefox OS
How to start developing apps for Firefox OSHow to start developing apps for Firefox OS
How to start developing apps for Firefox OS
benko
 
Web app with j query &amp; javascript (5:4)
Web app with j query &amp; javascript (5:4)Web app with j query &amp; javascript (5:4)
Web app with j query &amp; javascript (5:4)
Thinkful
 
John Resig Beijing 2010 (English Version)
John Resig Beijing 2010 (English Version)John Resig Beijing 2010 (English Version)
John Resig Beijing 2010 (English Version)
Jia Mi
 

Similar to ingatlan.com goes mobile (20)

Appcelerator Titanium Intro
Appcelerator Titanium IntroAppcelerator Titanium Intro
Appcelerator Titanium Intro
 
DIGIT Noe 2016 - Overview of front end development today
DIGIT Noe 2016 - Overview of front end development todayDIGIT Noe 2016 - Overview of front end development today
DIGIT Noe 2016 - Overview of front end development today
 
Web Developer Tools for ICOS 2013
Web Developer Tools for ICOS 2013Web Developer Tools for ICOS 2013
Web Developer Tools for ICOS 2013
 
Beginning jQuery Mobile
Beginning jQuery MobileBeginning jQuery Mobile
Beginning jQuery Mobile
 
SlickGrid Touch: Making complex JavaScript widgets work on mobile devices
SlickGrid Touch: Making complex JavaScript widgets work on mobile devicesSlickGrid Touch: Making complex JavaScript widgets work on mobile devices
SlickGrid Touch: Making complex JavaScript widgets work on mobile devices
 
Prototyping like it is 2022
Prototyping like it is 2022 Prototyping like it is 2022
Prototyping like it is 2022
 
夜宴24期《这段时间》
夜宴24期《这段时间》夜宴24期《这段时间》
夜宴24期《这段时间》
 
Nitobi/PhoneGap at Bootup 2011
Nitobi/PhoneGap at Bootup 2011Nitobi/PhoneGap at Bootup 2011
Nitobi/PhoneGap at Bootup 2011
 
State of jQuery June 2013 - Portland
State of jQuery June 2013 - PortlandState of jQuery June 2013 - Portland
State of jQuery June 2013 - Portland
 
Mobile web in eZ Publish
Mobile web in eZ PublishMobile web in eZ Publish
Mobile web in eZ Publish
 
How HTML5 missed its graduation - #TrondheimDC
How HTML5 missed its graduation - #TrondheimDCHow HTML5 missed its graduation - #TrondheimDC
How HTML5 missed its graduation - #TrondheimDC
 
Open Source Junction: Apache Wookie and W3C Widgets
Open Source Junction: Apache Wookie and W3C WidgetsOpen Source Junction: Apache Wookie and W3C Widgets
Open Source Junction: Apache Wookie and W3C Widgets
 
How to start developing apps for Firefox OS
How to start developing apps for Firefox OSHow to start developing apps for Firefox OS
How to start developing apps for Firefox OS
 
So you want to build a mobile app - HTML5 vs. Native @ the Boston Mobile Expe...
So you want to build a mobile app - HTML5 vs. Native @ the Boston Mobile Expe...So you want to build a mobile app - HTML5 vs. Native @ the Boston Mobile Expe...
So you want to build a mobile app - HTML5 vs. Native @ the Boston Mobile Expe...
 
Web app with j query &amp; javascript (5:4)
Web app with j query &amp; javascript (5:4)Web app with j query &amp; javascript (5:4)
Web app with j query &amp; javascript (5:4)
 
JavaScript for ASP.NET programmers (webcast) upload
JavaScript for ASP.NET programmers (webcast) uploadJavaScript for ASP.NET programmers (webcast) upload
JavaScript for ASP.NET programmers (webcast) upload
 
Mobile native-hacks
Mobile native-hacksMobile native-hacks
Mobile native-hacks
 
Javascript libraries
Javascript librariesJavascript libraries
Javascript libraries
 
John Resig Beijing 2010 (English Version)
John Resig Beijing 2010 (English Version)John Resig Beijing 2010 (English Version)
John Resig Beijing 2010 (English Version)
 
Open-source Mic Talks at AOL
Open-source Mic Talks at AOLOpen-source Mic Talks at AOL
Open-source Mic Talks at AOL
 

More from András Bártházi

More from András Bártházi (9)

Announcing Escher
Announcing EscherAnnouncing Escher
Announcing Escher
 
Cynefin
CynefinCynefin
Cynefin
 
Susmus.hu - technológiák
Susmus.hu - technológiákSusmus.hu - technológiák
Susmus.hu - technológiák
 
NodeJS
NodeJSNodeJS
NodeJS
 
jQuery 1.4 újdonságok
jQuery 1.4 újdonságokjQuery 1.4 újdonságok
jQuery 1.4 újdonságok
 
Redis: a memcached gyilkos
Redis: a memcached gyilkosRedis: a memcached gyilkos
Redis: a memcached gyilkos
 
Miner Business
Miner BusinessMiner Business
Miner Business
 
Google Analytics API and OS analytics tools
Google Analytics API and OS analytics toolsGoogle Analytics API and OS analytics tools
Google Analytics API and OS analytics tools
 
Turbó fokozat
Turbó fokozatTurbó fokozat
Turbó fokozat
 

Recently uploaded

CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
giselly40
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
Enterprise Knowledge
 

Recently uploaded (20)

How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
 
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptxFactors to Consider When Choosing Accounts Payable Services Providers.pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
 
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
 
What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 

ingatlan.com goes mobile

  • 1. goes mobile Bártházi András Arkon Zrt.
  • 2. 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
  • 3. July 2011 Source: http://www.flickr.com/photos/icyaero-photography/5800568820/
  • 4. let’s do a mobile view • we’ve done it in last July • today’s landscape of choices is different, I’ll talk about that as well
  • 5. 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
  • 6. 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
  • 7. documentation? • unfortunately Zepto.js had no documentation • fortunately the code is small and easy to read
  • 8. .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()
  • 9. .click() • jQuery has a .click() eventhandler • Zepto had only the general .bind()
  • 10. $.inArray(), $.each()... • jQuery has some great utility functions • Zepto have not implemented them
  • 11. Touch • Zepto focuses on mobile, handles touch events <3
  • 12. Summary, the good news • had to work on it, but Zepto.js seems to be a working, recommandable solution
  • 13. And these days... Source: http://www.flickr.com/photos/bensonkua/5738557548/
  • 14. ... 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
  • 15. ... and not the only one • new players arrived as well: • jQ.Mobi - even smaller than Zepto • jquip - a modularized jQuery