SlideShare a Scribd company logo
Mobile JavaScript	
javascriptz right in yo hands, mawfocker
token “me” slide


 Web developer / Master Exploder at Nitobi Software
 SFU graduate
 Big fan of the open web
 Bigger Canucks fan
Mobile: How’s it doing?
Browsing ~3% of all browsing takes
 Today, by Device Category Trend         place on a mobile device;
November, 2009 to September, 2010
                           Apparently 6% in Asia.




Month                         Desktop           Mobile          Consol
November, 2009                98.65%                             0.04%
December, 2009                98.36%                             0.05%
January, 2010                 98.19%                             0.05%
Browsers everywhere!
WebKit FTW

The major browser platform moving forward
Apple started it
Android jumped on
Even RIM pulled their head out of their ass and made
the switch
But...
 Still have:
   Internet Explorer Mobile; now
   with extra non-compliance!
   Old BlackBerry Browser, it’s so
   bad it doesn’t have a name
so wtf do we do?




(other than drink beer)
codes that help
Peter Higgins’ has.js is rad
SunSpider is sweet
Sputnik is also neat
has.js
 Peter Higgins, Dojo project lead, put this out there as of
 JSConf.eu 2010.
 A JavaScript feature detection library, using JavaScript.
 http://github.com/phiggins42/has.js
SunSpider


A JavaScript benchmark.
Part of the WebKit project.
Sputnik


Google project, a JavaScript conformance test suite
against the ECMA-262 spec
Over 5000 tests
The numbers
Android (2.2)

 has.js: apparently a few css and DOM tests fail!
 function bind fails (?), and full <input> support is not
 there. No es5 or svg.
 SunSpider: 6121ms
 Sputnik: All tests ran, 226/5246 failed (4.3%)
iPhone (4)

 has.js: same css, dom and function bind issues as
 Android. Better <input> support too. es5 is lacking, but
 full SVG support (woot)?
 SunSpider: 10252 ms
 Sputnik: Crashed mobile safari... 3.7% tests fail
 (137/3746)
Shitty BlackBerry, slide 1
BlackBerry OS 5.0
Shitty BlackBerry, slide 2
has.js results
 array has no reduce or isarray methods, some regexp tests fail

 no audio support, no canvas

 there are lots of css bugs/lack of support: overflow, border-radius, transforms, text-
 overflow, opacity.

 super weak date support; no toisostring, now or tojson.

 no native JSON tools (just grab json2.js from json.org)

 no xhr upload events, any type of offline storage (OTHER THAN GEARS, YES!!!!)

 no svg, video or vml
Shitty BlackBerry, slide 3
SunSpider and Sputnik

 SunSpider: Didn’t finish, each test ran on average
 4000ms (compared to Android’s ~100ms).
 Sputnik: Can’t even get to the test runner!
BlackBerry 6 (WebKit)

has.js: better than both Android and iPhone. Full event
support (unlike Android/iPhone). Websockets and
worker support, that is fucking awesome. Full storage
options. SVG is super performant on it
SunSpider: 26131 ms
Sputnik: Crashed browser at 1%
Windows Phone 7
has.js: All array tests fail, no audio support,
getelementbyid ignores case, getelementsbytagname
returns comment nodes, so much more fail!
css bugs galore; see IE6.
no event.stopPropagation or preventDefault
BUT... VML!!!!
SunSpider: 145050 ms...
Sputnik: NOPE
Palm

has.js: pretty solid overall. createAttribute apparently
fails. canvas, audio, video works. sqlite and
localstorage options are there too.
SunSpider: 39193 ms
Sputnik: nope
Final words


 Know your enemy
 Pick your battles
BEER TIME NAO




Thanks!

More Related Content

What's hot

Good rules for bad apps
Good rules for bad appsGood rules for bad apps
Good rules for bad apps
Shem Magnezi
 
20+ fantastic web development newsletters for developers & designers
20+ fantastic web development newsletters for developers & designers20+ fantastic web development newsletters for developers & designers
20+ fantastic web development newsletters for developers & designers
Usersnap
 
Phonegap facebook plugin - Seoul & Tokyo
Phonegap facebook plugin - Seoul & TokyoPhonegap facebook plugin - Seoul & Tokyo
Phonegap facebook plugin - Seoul & Tokyo
Steve Gill
 
Foundations of Security
Foundations of SecurityFoundations of Security
Foundations of Security
Joe Robb
 
All the small things… - Awwwards 2016
All the small things… - Awwwards 2016All the small things… - Awwwards 2016
All the small things… - Awwwards 2016
Christian Heilmann
 
Everyday User Experience
Everyday User ExperienceEveryday User Experience
Everyday User Experience
Built In Chicago
 
Everyday User experience
Everyday User experienceEveryday User experience
Everyday User experience
Matt Shobe
 
Mobile Usability & Search
Mobile Usability & SearchMobile Usability & Search
Mobile Usability & Search
PushON Ltd
 
Let’s learn how to use JavaScript responsibly and stay up-to-date.
Let’s learn how to use JavaScript responsibly and stay up-to-date. Let’s learn how to use JavaScript responsibly and stay up-to-date.
Let’s learn how to use JavaScript responsibly and stay up-to-date.
Christian Heilmann
 
Linux Users are People, Too!
Linux Users are People, Too!Linux Users are People, Too!
Linux Users are People, Too!
Charles Southerland
 

What's hot (10)

Good rules for bad apps
Good rules for bad appsGood rules for bad apps
Good rules for bad apps
 
20+ fantastic web development newsletters for developers & designers
20+ fantastic web development newsletters for developers & designers20+ fantastic web development newsletters for developers & designers
20+ fantastic web development newsletters for developers & designers
 
Phonegap facebook plugin - Seoul & Tokyo
Phonegap facebook plugin - Seoul & TokyoPhonegap facebook plugin - Seoul & Tokyo
Phonegap facebook plugin - Seoul & Tokyo
 
Foundations of Security
Foundations of SecurityFoundations of Security
Foundations of Security
 
All the small things… - Awwwards 2016
All the small things… - Awwwards 2016All the small things… - Awwwards 2016
All the small things… - Awwwards 2016
 
Everyday User Experience
Everyday User ExperienceEveryday User Experience
Everyday User Experience
 
Everyday User experience
Everyday User experienceEveryday User experience
Everyday User experience
 
Mobile Usability & Search
Mobile Usability & SearchMobile Usability & Search
Mobile Usability & Search
 
Let’s learn how to use JavaScript responsibly and stay up-to-date.
Let’s learn how to use JavaScript responsibly and stay up-to-date. Let’s learn how to use JavaScript responsibly and stay up-to-date.
Let’s learn how to use JavaScript responsibly and stay up-to-date.
 
Linux Users are People, Too!
Linux Users are People, Too!Linux Users are People, Too!
Linux Users are People, Too!
 

Viewers also liked

OSCON 2011 - HTML5 and Mobile: Getting From Good Enough To Great
OSCON 2011 - HTML5 and Mobile: Getting From Good Enough To GreatOSCON 2011 - HTML5 and Mobile: Getting From Good Enough To Great
OSCON 2011 - HTML5 and Mobile: Getting From Good Enough To Great
Fil Maj
 
PhoneGap Day: PhoneGap Build
PhoneGap Day: PhoneGap BuildPhoneGap Day: PhoneGap Build
PhoneGap Day: PhoneGap Build
Fil Maj
 
Mini training - Moving to xUnit.net
Mini training - Moving to xUnit.netMini training - Moving to xUnit.net
Mini training - Moving to xUnit.net
Betclic Everest Group Tech Team
 
Leapmotionとp5.js:DEMOと解説
Leapmotionとp5.js:DEMOと解説Leapmotionとp5.js:DEMOと解説
Leapmotionとp5.js:DEMOと解説
光吉 浜谷
 
Web Performance Optimization (WPO)
Web Performance Optimization (WPO)Web Performance Optimization (WPO)
Web Performance Optimization (WPO)
Betclic Everest Group Tech Team
 
Mini-Training: JS Graphical Libraries
Mini-Training: JS Graphical LibrariesMini-Training: JS Graphical Libraries
Mini-Training: JS Graphical Libraries
Betclic Everest Group Tech Team
 
Processing.js vs. three.js
Processing.js vs. three.jsProcessing.js vs. three.js
Processing.js vs. three.js
Victor Porof
 
.Net without spending a buck
.Net without spending a buck.Net without spending a buck
.Net without spending a buck
Betclic Everest Group Tech Team
 

Viewers also liked (8)

OSCON 2011 - HTML5 and Mobile: Getting From Good Enough To Great
OSCON 2011 - HTML5 and Mobile: Getting From Good Enough To GreatOSCON 2011 - HTML5 and Mobile: Getting From Good Enough To Great
OSCON 2011 - HTML5 and Mobile: Getting From Good Enough To Great
 
PhoneGap Day: PhoneGap Build
PhoneGap Day: PhoneGap BuildPhoneGap Day: PhoneGap Build
PhoneGap Day: PhoneGap Build
 
Mini training - Moving to xUnit.net
Mini training - Moving to xUnit.netMini training - Moving to xUnit.net
Mini training - Moving to xUnit.net
 
Leapmotionとp5.js:DEMOと解説
Leapmotionとp5.js:DEMOと解説Leapmotionとp5.js:DEMOと解説
Leapmotionとp5.js:DEMOと解説
 
Web Performance Optimization (WPO)
Web Performance Optimization (WPO)Web Performance Optimization (WPO)
Web Performance Optimization (WPO)
 
Mini-Training: JS Graphical Libraries
Mini-Training: JS Graphical LibrariesMini-Training: JS Graphical Libraries
Mini-Training: JS Graphical Libraries
 
Processing.js vs. three.js
Processing.js vs. three.jsProcessing.js vs. three.js
Processing.js vs. three.js
 
.Net without spending a buck
.Net without spending a buck.Net without spending a buck
.Net without spending a buck
 

Similar to Mobile JavaScript

Front-End Engineering 101
Front-End Engineering 101Front-End Engineering 101
Front-End Engineering 101
Milan Korsos
 
Js On Mobile Devices
Js On Mobile DevicesJs On Mobile Devices
Js On Mobile Devices
Jens Arps
 
Seminar Android - Pengenalan PhoneGap
Seminar Android - Pengenalan PhoneGapSeminar Android - Pengenalan PhoneGap
Seminar Android - Pengenalan PhoneGap
Nur Hidayat
 
Mobile html5 v2
Mobile html5 v2Mobile html5 v2
Mobile html5 v2
HunterLoftis
 
Falsy Values - Warsaw 2011
Falsy Values - Warsaw 2011Falsy Values - Warsaw 2011
Falsy Values - Warsaw 2011
Brian LeRoux
 
Phonegap for Engineers
Phonegap for EngineersPhonegap for Engineers
Phonegap for Engineers
Brian LeRoux
 
What Devops Need to Know about Mobile
What Devops Need to Know about MobileWhat Devops Need to Know about Mobile
What Devops Need to Know about Mobile
Jon Arne Sæterås
 
Developing for Mobility
Developing for MobilityDeveloping for Mobility
Developing for Mobility
Scotty Logan
 
Philly ete-2011
Philly ete-2011Philly ete-2011
Philly ete-2011
davyjones
 
Modern Browser Support
Modern Browser SupportModern Browser Support
Modern Browser Support
Mark Meeker
 
HTML5 and the Mobile Web
HTML5 and the Mobile WebHTML5 and the Mobile Web
HTML5 and the Mobile Web
MrJ1971
 
Mobile is slow - Over the Air 2013
Mobile is slow - Over the Air 2013Mobile is slow - Over the Air 2013
Mobile is slow - Over the Air 2013
Jon Arne Sæterås
 
Testing Mobile JavaScript (Fall 2010
Testing Mobile JavaScript (Fall 2010Testing Mobile JavaScript (Fall 2010
Testing Mobile JavaScript (Fall 2010
jeresig
 
Flourish2011
Flourish2011Flourish2011
Flourish2011
Mark Meeker
 
HTML5 Can't Do That
HTML5 Can't Do ThatHTML5 Can't Do That
HTML5 Can't Do That
Nathan Smith
 
Real World Lessons in jQuery Mobile
Real World Lessons in jQuery MobileReal World Lessons in jQuery Mobile
Real World Lessons in jQuery Mobile
Kai Koenig
 
Google presentation: The Open Web goes mobile
Google presentation: The Open Web goes mobileGoogle presentation: The Open Web goes mobile
Google presentation: The Open Web goes mobile
Peter-Paul Koch
 
Smart phone development
Smart phone developmentSmart phone development
Smart phone development
Myles Eftos
 
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...
Yottaa
 
AngularJS on Mobile with the Ionic Framework
AngularJS on Mobile with the Ionic FrameworkAngularJS on Mobile with the Ionic Framework
AngularJS on Mobile with the Ionic Framework
Troy Miles
 

Similar to Mobile JavaScript (20)

Front-End Engineering 101
Front-End Engineering 101Front-End Engineering 101
Front-End Engineering 101
 
Js On Mobile Devices
Js On Mobile DevicesJs On Mobile Devices
Js On Mobile Devices
 
Seminar Android - Pengenalan PhoneGap
Seminar Android - Pengenalan PhoneGapSeminar Android - Pengenalan PhoneGap
Seminar Android - Pengenalan PhoneGap
 
Mobile html5 v2
Mobile html5 v2Mobile html5 v2
Mobile html5 v2
 
Falsy Values - Warsaw 2011
Falsy Values - Warsaw 2011Falsy Values - Warsaw 2011
Falsy Values - Warsaw 2011
 
Phonegap for Engineers
Phonegap for EngineersPhonegap for Engineers
Phonegap for Engineers
 
What Devops Need to Know about Mobile
What Devops Need to Know about MobileWhat Devops Need to Know about Mobile
What Devops Need to Know about Mobile
 
Developing for Mobility
Developing for MobilityDeveloping for Mobility
Developing for Mobility
 
Philly ete-2011
Philly ete-2011Philly ete-2011
Philly ete-2011
 
Modern Browser Support
Modern Browser SupportModern Browser Support
Modern Browser Support
 
HTML5 and the Mobile Web
HTML5 and the Mobile WebHTML5 and the Mobile Web
HTML5 and the Mobile Web
 
Mobile is slow - Over the Air 2013
Mobile is slow - Over the Air 2013Mobile is slow - Over the Air 2013
Mobile is slow - Over the Air 2013
 
Testing Mobile JavaScript (Fall 2010
Testing Mobile JavaScript (Fall 2010Testing Mobile JavaScript (Fall 2010
Testing Mobile JavaScript (Fall 2010
 
Flourish2011
Flourish2011Flourish2011
Flourish2011
 
HTML5 Can't Do That
HTML5 Can't Do ThatHTML5 Can't Do That
HTML5 Can't Do That
 
Real World Lessons in jQuery Mobile
Real World Lessons in jQuery MobileReal World Lessons in jQuery Mobile
Real World Lessons in jQuery Mobile
 
Google presentation: The Open Web goes mobile
Google presentation: The Open Web goes mobileGoogle presentation: The Open Web goes mobile
Google presentation: The Open Web goes mobile
 
Smart phone development
Smart phone developmentSmart phone development
Smart phone development
 
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...
 
AngularJS on Mobile with the Ionic Framework
AngularJS on Mobile with the Ionic FrameworkAngularJS on Mobile with the Ionic Framework
AngularJS on Mobile with the Ionic Framework
 

Recently uploaded

Best 20 SEO Techniques To Improve Website Visibility In SERP
Best 20 SEO Techniques To Improve Website Visibility In SERPBest 20 SEO Techniques To Improve Website Visibility In SERP
Best 20 SEO Techniques To Improve Website Visibility In SERP
Pixlogix Infotech
 
20240609 QFM020 Irresponsible AI Reading List May 2024
20240609 QFM020 Irresponsible AI Reading List May 202420240609 QFM020 Irresponsible AI Reading List May 2024
20240609 QFM020 Irresponsible AI Reading List May 2024
Matthew Sinclair
 
National Security Agency - NSA mobile device best practices
National Security Agency - NSA mobile device best practicesNational Security Agency - NSA mobile device best practices
National Security Agency - NSA mobile device best practices
Quotidiano Piemontese
 
UiPath Test Automation using UiPath Test Suite series, part 6
UiPath Test Automation using UiPath Test Suite series, part 6UiPath Test Automation using UiPath Test Suite series, part 6
UiPath Test Automation using UiPath Test Suite series, part 6
DianaGray10
 
Nordic Marketo Engage User Group_June 13_ 2024.pptx
Nordic Marketo Engage User Group_June 13_ 2024.pptxNordic Marketo Engage User Group_June 13_ 2024.pptx
Nordic Marketo Engage User Group_June 13_ 2024.pptx
MichaelKnudsen27
 
Your One-Stop Shop for Python Success: Top 10 US Python Development Providers
Your One-Stop Shop for Python Success: Top 10 US Python Development ProvidersYour One-Stop Shop for Python Success: Top 10 US Python Development Providers
Your One-Stop Shop for Python Success: Top 10 US Python Development Providers
akankshawande
 
Webinar: Designing a schema for a Data Warehouse
Webinar: Designing a schema for a Data WarehouseWebinar: Designing a schema for a Data Warehouse
Webinar: Designing a schema for a Data Warehouse
Federico Razzoli
 
Presentation of the OECD Artificial Intelligence Review of Germany
Presentation of the OECD Artificial Intelligence Review of GermanyPresentation of the OECD Artificial Intelligence Review of Germany
Presentation of the OECD Artificial Intelligence Review of Germany
innovationoecd
 
Ocean lotus Threat actors project by John Sitima 2024 (1).pptx
Ocean lotus Threat actors project by John Sitima 2024 (1).pptxOcean lotus Threat actors project by John Sitima 2024 (1).pptx
Ocean lotus Threat actors project by John Sitima 2024 (1).pptx
SitimaJohn
 
Taking AI to the Next Level in Manufacturing.pdf
Taking AI to the Next Level in Manufacturing.pdfTaking AI to the Next Level in Manufacturing.pdf
Taking AI to the Next Level in Manufacturing.pdf
ssuserfac0301
 
June Patch Tuesday
June Patch TuesdayJune Patch Tuesday
June Patch Tuesday
Ivanti
 
UI5 Controls simplified - UI5con2024 presentation
UI5 Controls simplified - UI5con2024 presentationUI5 Controls simplified - UI5con2024 presentation
UI5 Controls simplified - UI5con2024 presentation
Wouter Lemaire
 
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdfUnlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Malak Abu Hammad
 
WeTestAthens: Postman's AI & Automation Techniques
WeTestAthens: Postman's AI & Automation TechniquesWeTestAthens: Postman's AI & Automation Techniques
WeTestAthens: Postman's AI & Automation Techniques
Postman
 
Cosa hanno in comune un mattoncino Lego e la backdoor XZ?
Cosa hanno in comune un mattoncino Lego e la backdoor XZ?Cosa hanno in comune un mattoncino Lego e la backdoor XZ?
Cosa hanno in comune un mattoncino Lego e la backdoor XZ?
Speck&Tech
 
Main news related to the CCS TSI 2023 (2023/1695)
Main news related to the CCS TSI 2023 (2023/1695)Main news related to the CCS TSI 2023 (2023/1695)
Main news related to the CCS TSI 2023 (2023/1695)
Jakub Marek
 
TrustArc Webinar - 2024 Global Privacy Survey
TrustArc Webinar - 2024 Global Privacy SurveyTrustArc Webinar - 2024 Global Privacy Survey
TrustArc Webinar - 2024 Global Privacy Survey
TrustArc
 
Serial Arm Control in Real Time Presentation
Serial Arm Control in Real Time PresentationSerial Arm Control in Real Time Presentation
Serial Arm Control in Real Time Presentation
tolgahangng
 
Salesforce Integration for Bonterra Impact Management (fka Social Solutions A...
Salesforce Integration for Bonterra Impact Management (fka Social Solutions A...Salesforce Integration for Bonterra Impact Management (fka Social Solutions A...
Salesforce Integration for Bonterra Impact Management (fka Social Solutions A...
Jeffrey Haguewood
 
OpenID AuthZEN Interop Read Out - Authorization
OpenID AuthZEN Interop Read Out - AuthorizationOpenID AuthZEN Interop Read Out - Authorization
OpenID AuthZEN Interop Read Out - Authorization
David Brossard
 

Recently uploaded (20)

Best 20 SEO Techniques To Improve Website Visibility In SERP
Best 20 SEO Techniques To Improve Website Visibility In SERPBest 20 SEO Techniques To Improve Website Visibility In SERP
Best 20 SEO Techniques To Improve Website Visibility In SERP
 
20240609 QFM020 Irresponsible AI Reading List May 2024
20240609 QFM020 Irresponsible AI Reading List May 202420240609 QFM020 Irresponsible AI Reading List May 2024
20240609 QFM020 Irresponsible AI Reading List May 2024
 
National Security Agency - NSA mobile device best practices
National Security Agency - NSA mobile device best practicesNational Security Agency - NSA mobile device best practices
National Security Agency - NSA mobile device best practices
 
UiPath Test Automation using UiPath Test Suite series, part 6
UiPath Test Automation using UiPath Test Suite series, part 6UiPath Test Automation using UiPath Test Suite series, part 6
UiPath Test Automation using UiPath Test Suite series, part 6
 
Nordic Marketo Engage User Group_June 13_ 2024.pptx
Nordic Marketo Engage User Group_June 13_ 2024.pptxNordic Marketo Engage User Group_June 13_ 2024.pptx
Nordic Marketo Engage User Group_June 13_ 2024.pptx
 
Your One-Stop Shop for Python Success: Top 10 US Python Development Providers
Your One-Stop Shop for Python Success: Top 10 US Python Development ProvidersYour One-Stop Shop for Python Success: Top 10 US Python Development Providers
Your One-Stop Shop for Python Success: Top 10 US Python Development Providers
 
Webinar: Designing a schema for a Data Warehouse
Webinar: Designing a schema for a Data WarehouseWebinar: Designing a schema for a Data Warehouse
Webinar: Designing a schema for a Data Warehouse
 
Presentation of the OECD Artificial Intelligence Review of Germany
Presentation of the OECD Artificial Intelligence Review of GermanyPresentation of the OECD Artificial Intelligence Review of Germany
Presentation of the OECD Artificial Intelligence Review of Germany
 
Ocean lotus Threat actors project by John Sitima 2024 (1).pptx
Ocean lotus Threat actors project by John Sitima 2024 (1).pptxOcean lotus Threat actors project by John Sitima 2024 (1).pptx
Ocean lotus Threat actors project by John Sitima 2024 (1).pptx
 
Taking AI to the Next Level in Manufacturing.pdf
Taking AI to the Next Level in Manufacturing.pdfTaking AI to the Next Level in Manufacturing.pdf
Taking AI to the Next Level in Manufacturing.pdf
 
June Patch Tuesday
June Patch TuesdayJune Patch Tuesday
June Patch Tuesday
 
UI5 Controls simplified - UI5con2024 presentation
UI5 Controls simplified - UI5con2024 presentationUI5 Controls simplified - UI5con2024 presentation
UI5 Controls simplified - UI5con2024 presentation
 
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdfUnlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
 
WeTestAthens: Postman's AI & Automation Techniques
WeTestAthens: Postman's AI & Automation TechniquesWeTestAthens: Postman's AI & Automation Techniques
WeTestAthens: Postman's AI & Automation Techniques
 
Cosa hanno in comune un mattoncino Lego e la backdoor XZ?
Cosa hanno in comune un mattoncino Lego e la backdoor XZ?Cosa hanno in comune un mattoncino Lego e la backdoor XZ?
Cosa hanno in comune un mattoncino Lego e la backdoor XZ?
 
Main news related to the CCS TSI 2023 (2023/1695)
Main news related to the CCS TSI 2023 (2023/1695)Main news related to the CCS TSI 2023 (2023/1695)
Main news related to the CCS TSI 2023 (2023/1695)
 
TrustArc Webinar - 2024 Global Privacy Survey
TrustArc Webinar - 2024 Global Privacy SurveyTrustArc Webinar - 2024 Global Privacy Survey
TrustArc Webinar - 2024 Global Privacy Survey
 
Serial Arm Control in Real Time Presentation
Serial Arm Control in Real Time PresentationSerial Arm Control in Real Time Presentation
Serial Arm Control in Real Time Presentation
 
Salesforce Integration for Bonterra Impact Management (fka Social Solutions A...
Salesforce Integration for Bonterra Impact Management (fka Social Solutions A...Salesforce Integration for Bonterra Impact Management (fka Social Solutions A...
Salesforce Integration for Bonterra Impact Management (fka Social Solutions A...
 
OpenID AuthZEN Interop Read Out - Authorization
OpenID AuthZEN Interop Read Out - AuthorizationOpenID AuthZEN Interop Read Out - Authorization
OpenID AuthZEN Interop Read Out - Authorization
 

Mobile JavaScript

  • 1. Mobile JavaScript javascriptz right in yo hands, mawfocker
  • 2. token “me” slide Web developer / Master Exploder at Nitobi Software SFU graduate Big fan of the open web Bigger Canucks fan
  • 3. Mobile: How’s it doing? Browsing ~3% of all browsing takes Today, by Device Category Trend place on a mobile device; November, 2009 to September, 2010 Apparently 6% in Asia. Month Desktop Mobile Consol November, 2009 98.65% 0.04% December, 2009 98.36% 0.05% January, 2010 98.19% 0.05%
  • 5. WebKit FTW The major browser platform moving forward Apple started it Android jumped on Even RIM pulled their head out of their ass and made the switch
  • 6. But... Still have: Internet Explorer Mobile; now with extra non-compliance! Old BlackBerry Browser, it’s so bad it doesn’t have a name
  • 7. so wtf do we do? (other than drink beer)
  • 8. codes that help Peter Higgins’ has.js is rad SunSpider is sweet Sputnik is also neat
  • 9. has.js Peter Higgins, Dojo project lead, put this out there as of JSConf.eu 2010. A JavaScript feature detection library, using JavaScript. http://github.com/phiggins42/has.js
  • 10. SunSpider A JavaScript benchmark. Part of the WebKit project.
  • 11. Sputnik Google project, a JavaScript conformance test suite against the ECMA-262 spec Over 5000 tests
  • 13. Android (2.2) has.js: apparently a few css and DOM tests fail! function bind fails (?), and full <input> support is not there. No es5 or svg. SunSpider: 6121ms Sputnik: All tests ran, 226/5246 failed (4.3%)
  • 14. iPhone (4) has.js: same css, dom and function bind issues as Android. Better <input> support too. es5 is lacking, but full SVG support (woot)? SunSpider: 10252 ms Sputnik: Crashed mobile safari... 3.7% tests fail (137/3746)
  • 15. Shitty BlackBerry, slide 1 BlackBerry OS 5.0
  • 16. Shitty BlackBerry, slide 2 has.js results array has no reduce or isarray methods, some regexp tests fail no audio support, no canvas there are lots of css bugs/lack of support: overflow, border-radius, transforms, text- overflow, opacity. super weak date support; no toisostring, now or tojson. no native JSON tools (just grab json2.js from json.org) no xhr upload events, any type of offline storage (OTHER THAN GEARS, YES!!!!) no svg, video or vml
  • 17. Shitty BlackBerry, slide 3 SunSpider and Sputnik SunSpider: Didn’t finish, each test ran on average 4000ms (compared to Android’s ~100ms). Sputnik: Can’t even get to the test runner!
  • 18. BlackBerry 6 (WebKit) has.js: better than both Android and iPhone. Full event support (unlike Android/iPhone). Websockets and worker support, that is fucking awesome. Full storage options. SVG is super performant on it SunSpider: 26131 ms Sputnik: Crashed browser at 1%
  • 19. Windows Phone 7 has.js: All array tests fail, no audio support, getelementbyid ignores case, getelementsbytagname returns comment nodes, so much more fail! css bugs galore; see IE6. no event.stopPropagation or preventDefault BUT... VML!!!! SunSpider: 145050 ms... Sputnik: NOPE
  • 20. Palm has.js: pretty solid overall. createAttribute apparently fails. canvas, audio, video works. sqlite and localstorage options are there too. SunSpider: 39193 ms Sputnik: nope
  • 21. Final words Know your enemy Pick your battles

Editor's Notes

  1. other stuff: - one of many contributors/maintainers of PhoneGap, XUI, lawnchair
  2. other interesting tidbits: - financial firm Morgan Stanley predicts mobile browsing will outstrip desktop by 2015
  3. web as a platform; fuck native if we could harness the power of browsers we could get out to so many people
  4. -closest thing we have to a unified platform on the web
  5. - initially, WP7 had IE 6/7 hybrid. latest version has 7/8 hybrid. sources say the browser is separate from the rest of the platform and can be upgraded much easier than the OS. Also MSFT has hinted that it will be moving WP7 to IE9.
  6. - checks for proper behaviour in your basic types, functions (binding et al), common browser bugs.
  7. tons of benchmark tests, run a bunch of times for each test to come up with a 95% confidence interval
  8. hard to read tho. you need to know the ecma spec to make any real sense of it. but a good guide for general ecmascript conformance.
  9. so much fail I need many slides to show this off
  10. re: css. it DOES have position: fixed though!
  11. no surprises here
  12. know your enemy: look at your analytics. if youre building a mobile site, who visits your &amp;#x2018;desktop&amp;#x2019; site? pick your battles: some of these environments really suck. building a web app on one platform might take four or five times more time than building it for another one.