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

Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
panagenda
 

Recently uploaded (20)

ICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ..."I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
 
Apidays Singapore 2024 - Modernizing Securities Finance by Madhu Subbu
Apidays Singapore 2024 - Modernizing Securities Finance by Madhu SubbuApidays Singapore 2024 - Modernizing Securities Finance by Madhu Subbu
Apidays Singapore 2024 - Modernizing Securities Finance by Madhu Subbu
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
 
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
 
A Beginners Guide to Building a RAG App Using Open Source Milvus
A Beginners Guide to Building a RAG App Using Open Source MilvusA Beginners Guide to Building a RAG App Using Open Source Milvus
A Beginners Guide to Building a RAG App Using Open Source Milvus
 
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWEREMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingRepurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
 
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?
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
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
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 

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