new capabilities of html5 browsers code app 0856
play

NEW CAPABILITIES OF HTML5 BROWSERS CODE APP 0856 #QConLondon - - PowerPoint PPT Presentation

Apr 13, 2023 •347 likes •1.48k views

Max Firtman @firt NEW CAPABILITIES OF HTML5 BROWSERS CODE APP 0856 #QConLondon - March, 7th, 2013 Thursday, March 7, 13 who? @firt mobile+web developer Thursday, March 7, 13 where? Thursday, March 7, 13 Thursday, March 7, 13 Image from

  1. Max Firtman @firt NEW CAPABILITIES OF HTML5 BROWSERS CODE APP 0856 #QConLondon - March, 7th, 2013 Thursday, March 7, 13

  2. who? @firt mobile+web developer Thursday, March 7, 13

  3. where? Thursday, March 7, 13

  4. Thursday, March 7, 13

  5. Image from my house Thursday, March 7, 13

  6. Thursday, March 7, 13

  7. Thursday, March 7, 13

  8. Thursday, March 7, 13

  9. Thursday, March 7, 13

  10. we’ll talk about html5 1- What we can do 2- Web Platforms for 2013 3- Compatibility 4- Tools and solutions 5- New capabilities Thursday, March 7, 13

  11. mobile Thursday, March 7, 13

  12. mobile 1- websites 2- apps Thursday, March 7, 13

  13. Thursday, March 7, 13

  14. mobile 1- websites 2- apps Thursday, March 7, 13

  15. mobile 1- websites 2- apps Thursday, March 7, 13

  16. with html5 we can create... Thursday, March 7, 13

  17. we can create 1- websites Thursday, March 7, 13

  18. we can create 1- websites Using the browser URL Web Server Thursday, March 7, 13

  19. we can create 2- webapps Thursday, March 7, 13

  20. we can create 2- webapps Browser to install Full-screen Icon on home screen Web Server Thursday, March 7, 13

  21. ( webapps are also known as full screen webapps ) home screen webapps Thursday, March 7, 13

  22. we can create 3- native webapps Thursday, March 7, 13

  23. we can create 3- native webapps Package, compile, sign Icon on home screen App Store No web server Thursday, March 7, 13

  24. native webapps are also ( known as hybrid apps ) packaged webapps Thursday, March 7, 13

  25. mobile 1- websites 2- apps Thursday, March 7, 13

  26. mobile 1- websites 2- apps a- native b- webapps c- native webapps Thursday, March 7, 13

  27. web platforms Thursday, March 7, 13

  28. web platforms How many browsers do you know on desktop? Thursday, March 7, 13

  29. web platforms 5 Thursday, March 7, 13

  30. web platforms How many browsers do you know on mobile? Thursday, March 7, 13

  31. web platforms ... Thursday, March 7, 13

  32. Thursday, March 7, 13

  33. Android Browser Thursday, March 7, 13

  34. Android Browser 2.2 Thursday, March 7, 13

  35. Android Browser 2.3 Thursday, March 7, 13

  36. Android Browser 4.x Thursday, March 7, 13

  37. ( Did I mention it is NOT Google Chrome? ) Thursday, March 7, 13

  38. Google Chrome Thursday, March 7, 13

  39. Google Chrome Android Thursday, March 7, 13

  40. Google Chrome iOS Thursday, March 7, 13

  41. Safari on iOS Thursday, March 7, 13

  42. Opera Thursday, March 7, 13

  43. Opera Mobile Thursday, March 7, 13

  44. Opera Mini Thursday, March 7, 13

  45. Opera for Android Thursday, March 7, 13

  46. Firefox Thursday, March 7, 13

  47. Firefox OS Thursday, March 7, 13

  48. Internet Explorer Thursday, March 7, 13

  49. BlackBerry Browser 5-7.x Thursday, March 7, 13

  50. BlackBerry Browser 5-7.x Thursday, March 7, 13

  51. BlackBerry Browser PB Thursday, March 7, 13

  52. BlackBerry Browser BB10 Thursday, March 7, 13

  53. Nokia Browser Thursday, March 7, 13

  54. Nokia Browser Symbian Thursday, March 7, 13

  55. Nokia Browser MeeGo Thursday, March 7, 13

  56. Nokia Browser Series 40 Thursday, March 7, 13

  57. Silk Thursday, March 7, 13

  58. UC Web Thursday, March 7, 13

  59. Dol fi n Thursday, March 7, 13

  60. ( should I continue? ) Thursday, March 7, 13

  61. web platforms And it’s not just browsers! Thursday, March 7, 13

  62. web platforms Web View Thursday, March 7, 13

  63. web platforms Web View Thursday, March 7, 13

  64. web platforms Web View Thursday, March 7, 13

  65. web platforms Web View Thursday, March 7, 13

  66. Thursday, March 7, 13

  67. web platforms - too many - di ff erent versions - di ff erent scenarios - not just the browser Thursday, March 7, 13

  68. html5 Thursday, March 7, 13

  69. Thursday, March 7, 13

  70. typeof html5 != boolean Thursday, March 7, 13

  71. Thursday, March 7, 13

  72. Thursday, March 7, 13

  73. FWXGA WVGA QQVGA Sq.HD FWVGA QVGA XGA VGA WQVGA WXGA DVGA FWQVGA WUXGA WDVGA LQVGA QXGA QHD HVGA WQXGA WSVGA nHD HD Thursday, March 7, 13

  74. Thursday, March 7, 13

  75. html5 Some features - safe - experimental - with pre fi xes Thursday, March 7, 13

  76. help me! Thursday, March 7, 13

  77. help me! New tools Thursday, March 7, 13

  78. help me! New tools Remote debugging Thursday, March 7, 13

  79. help me! New tools Emulators Thursday, March 7, 13

  80. help me! Best Practices Thursday, March 7, 13

  81. help me! Best Practices Responsive web design Thursday, March 7, 13

  82. help me! Best Practices Progressive enhancement Thursday, March 7, 13

  83. Thursday, March 7, 13

  84. Hey you! I don’t have an Android or iPhone Thursday, March 7, 13

  85. help me! Best Practices Don’t use device detection Thursday, March 7, 13

  86. Thursday, March 7, 13

  87. help me! New tools Best Practices Thursday, March 7, 13

  88. architecture Thursday, March 7, 13

  89. Thursday, March 7, 13

  90. Thursday, March 7, 13

  91. Thursday, March 7, 13

  92. Thursday, March 7, 13

  93. new api demos Thursday, March 7, 13

  94. Thursday, March 7, 13

  95. for the near future Thursday, March 7, 13

  96. near future New platforms Thursday, March 7, 13

  97. help me! New platforms Firefox OS Thursday, March 7, 13

  98. help me! New platforms BlackBerry 10 Thursday, March 7, 13

  99. help me! New platforms Tizen Thursday, March 7, 13

  100. help me! New platforms Ubuntu for Phones Thursday, March 7, 13

Download Presentation
Download Policy: The content available on the website is offered to you 'AS IS' for your personal information and use only. It cannot be commercialized, licensed, or distributed on other websites without prior consent from the author. To download a presentation, simply click this link. If you encounter any difficulties during the download process, it's possible that the publisher has removed the file from their server.

Recommend

of HTML5 the design of HTML5 the design of HTML5 design principles We hold these Truths to be

of HTML5 the design of HTML5 the design of HTML5 design principles We hold these Truths to be

the design of HTML5 the design of HTML5 the design of HTML5 design principles We hold these Truths to be self-evident, that all Men are created equal, that they are endowed by their Creator with certain unalienable Rights, that among these

821 views • 53 slides
HTML5 Mendel Rosenblum CS142 Lecture Notes - HTML5 HTML continually being extended

HTML5 Mendel Rosenblum CS142 Lecture Notes - HTML5 HTML continually being extended

HTML5 Mendel Rosenblum CS142 Lecture Notes - HTML5 HTML continually being extended Standard driven by different constituent groups Huge: many new features covering many areas HTML5 - now at least partially implemented in most

734 views • 16 slides
Static Code Analysis on Networking Code: Identifying the capabilities of finding implementation

Static Code Analysis on Networking Code: Identifying the capabilities of finding implementation

RP1 Presenter: Ivar Slotboom Supervisor: Wouter van Dongen , DongIT UvA/SNE Static Code Analysis on Networking Code: Identifying the capabilities of finding implementation flaws using Abstract Syntax Trees RP1 4th of July, 2019 Presenter:

439 views • 20 slides
HTML5 and Video Bas Zoetekouw Bas.zoetekouw@surfnet.nl HTML5 Video Report published (jan 2011)

HTML5 and Video Bas Zoetekouw Bas.zoetekouw@surfnet.nl HTML5 Video Report published (jan 2011)

HTML5 and Video Bas Zoetekouw Bas.zoetekouw@surfnet.nl HTML5 Video Report published (jan 2011) HTML5 Video: current status by Herman van Dompseler and Bas Zoetekouw Download at http://www.mediamosa.org/content/html5-video-current-situation

589 views • 23 slides
Print Books with Browsers Designing books in browsers using Paged.js Julie Blanc (@julieblancfr)

Print Books with Browsers Designing books in browsers using Paged.js Julie Blanc (@julieblancfr)

Print Books with Browsers Designing books in browsers using Paged.js Julie Blanc (@julieblancfr) Digital Publishing Summit May 26, 2019 Automated typesetting and pagination for print Make PDF outputs of HTML contents from browsers Flux

823 views • 67 slides
Introduction to HTML5 Where to start learning about HTML5? HTML 5 differences from HTML 4

Introduction to HTML5 Where to start learning about HTML5? HTML 5 differences from HTML 4

Introduction to HTML5 Where to start learning about HTML5? HTML 5 differences from HTML 4 http://w3.org/TR/html5-diff/ HTML 5 HTML 4 http://standards.mitsue.co.jp/ resources/w3c/TR/html5-diff/ HTML5 differences

684 views • 35 slides
Code-Injection Attacks in Browsers Supporting Policies Elias Athanasopoulos , Vasilis Pappas, and

Code-Injection Attacks in Browsers Supporting Policies Elias Athanasopoulos , Vasilis Pappas, and

Code-Injection Attacks in Browsers Supporting Policies Elias Athanasopoulos , Vasilis Pappas, and Evangelos P. Markatos FORTH-ICS What is all about? New code-injection attacks or return-to-libc attacks in the web

666 views • 48 slides
Coding Your First HTML5 Game Randy Hoyt @randyhoyt randyhoyt.com/launchgame @randyhoyt

Coding Your First HTML5 Game Randy Hoyt @randyhoyt randyhoyt.com/launchgame @randyhoyt

Coding Your First HTML5 Game Randy Hoyt @randyhoyt randyhoyt.com/launchgame @randyhoyt Overview Code HTML5 Games @randyhoyt Overview Games HTML5 Code @randyhoyt Games Games Games are fun ! s e m a g e v

1.68k views • 129 slides
Introduction to Programming the HTML5 Canvas by Elaine Blomeyer and Jim Town HTML5 Canvas

Introduction to Programming the HTML5 Canvas by Elaine Blomeyer and Jim Town HTML5 Canvas

Introduction to Programming the HTML5 Canvas by Elaine Blomeyer and Jim Town HTML5 Canvas Basics To start with go to http://www. missblomeyer.com/csta2014/ and right click on template to save file. Copy the template 1. Open a text editor

595 views • 31 slides
Geometry with the HTML5 Canvas by Jim Town and Elaine Blomeyer HTML5 Canvas Basics To start

Geometry with the HTML5 Canvas by Jim Town and Elaine Blomeyer HTML5 Canvas Basics To start

Geometry with the HTML5 Canvas by Jim Town and Elaine Blomeyer HTML5 Canvas Basics To start with go to http://www. missblomeyer.com/todos2014/ and right click on template to save file. The origin You might be familiar with Cartesian But on

758 views • 29 slides
Chapter 2 - Introduction to HTML5: Part 1 2.1 Introduction / 2.2 Editing HTML5 HTML 5

Chapter 2 - Introduction to HTML5: Part 1 2.1 Introduction / 2.2 Editing HTML5 HTML 5

IT350 Web and Internet Programming Chapter 2 - Introduction to HTML5: Part 1 2.1 Introduction / 2.2 Editing HTML5 HTML 5 (HyperText Markup Language 5) A markup language that specifies the structure and content of documents Separates

467 views • 12 slides
HTML5 Dont talk trash about my Flash! Tuesday, 11 May 2010 What is HTML5? HTML

HTML5 Dont talk trash about my Flash! Tuesday, 11 May 2010 What is HTML5? HTML

HTML5 Dont talk trash about my Flash! Tuesday, 11 May 2010 What is HTML5? HTML (Hypertext markup language) is the language underneath every web page youve ever been to The language, along with its various complementary

493 views • 21 slides
Lets make HTML5 & JavaScript Games! credit: w3.or g HTML is a markup lan g ua g e Markup

Lets make HTML5 & JavaScript Games! credit: w3.or g HTML is a markup lan g ua g e Markup

Lets make HTML5 & JavaScript Games! credit: w3.or g HTML is a markup lan g ua g e Markup lan g ua g es are code-based annotation systems HTML is the backbone of every website HTML is made of elements openin g ta g closin g ta g

1.19k views • 38 slides
Vi Visual S Studio Cod o Code e Shipping One of the Largest Microso3 JavaScript Applica8ons

Vi Visual S Studio Cod o Code e Shipping One of the Largest Microso3 JavaScript Applica8ons

Vi Visual S Studio Cod o Code e Shipping One of the Largest Microso3 JavaScript Applica8ons Alexandru Dima Microso7 What do we ship? Visual Studio Code Monaco Editor Electron node.js Chromium Modern browsers Growing the code Growing

471 views • 46 slides
EnGiNeErInG HtMl5 aPpLiCaTiOnS fOr bEtTeR pErFoRmAnCe LaUrI SvAn @ LaUrI S An @lAuRiS

EnGiNeErInG HtMl5 aPpLiCaTiOnS fOr bEtTeR pErFoRmAnCe LaUrI SvAn @ LaUrI S An @lAuRiS

EnGiNeErInG HtMl5 aPpLiCaTiOnS fOr bEtTeR pErFoRmAnCe LaUrI SvAn @ LaUrI S An @lAuRiS lAuRiSvAn An Sc5 OnLiNe @sC5 Sc5 OnLiNe @sC5 ViCe HtMl5 eXpErTiSe a HtMl5 eXpErTiSe aT y T yOuR sEr OuR sErViCe GiVe mE sOmEtHiNg tHaT I

521 views • 37 slides
chromozoom.org rethinking the UI of genome browsers Ted Pak Roth Laboratory Donnelly Centre,

chromozoom.org rethinking the UI of genome browsers Ted Pak Roth Laboratory Donnelly Centre,

chromozoom.org rethinking the UI of genome browsers Ted Pak Roth Laboratory Donnelly Centre, University of Toronto Samuel Lunenfeld Research Institute, Mt. Sinai Hospital genome browsers: lots of data small viewable area UCSC, GBrowse,

418 views • 24 slides
67,69,71,73 Cu Coulomb excitation of the neutron- -rich Cu Coulomb excitation of the neutron

67,69,71,73 Cu Coulomb excitation of the neutron- -rich Cu Coulomb excitation of the neutron

rich 67,69,71,73 67,69,71,73 Cu Coulomb excitation of the neutron- -rich Cu Coulomb excitation of the neutron with Miniball Miniball and REX and REX- -ISOLDE ISOLDE with Experiment IS435 Experiment IS435 Irina Stefanescu 1 , O. Ivanov 1

366 views • 17 slides
Here are the songs we sang this Sunday. This shows the song name, the artist who performed the

Here are the songs we sang this Sunday. This shows the song name, the artist who performed the

Here are the songs we sang this Sunday. This shows the song name, the artist who performed the song, and the cd that contains the song. Made New Lincoln Brewster Oxygen Who You Say I Am Hillsong Worship There is More Whom Shall I

741 views • 53 slides
USER INTERFACES Steven Tang and Eric Tzeng August 13, 2013 Announcements Tons of office

USER INTERFACES Steven Tang and Eric Tzeng August 13, 2013 Announcements Tons of office

61A LECTURE 29 USER INTERFACES Steven Tang and Eric Tzeng August 13, 2013 Announcements Tons of office hours this week Information page for final is up hw14 is out! Due Wednesday at 11:59pm Review session in lecture tomorrow!

175 views • 6 slides
On the Duality of Operating System Structures Hugh Lauer Xerox Corporation Roger Needham Cambridge

On the Duality of Operating System Structures Hugh Lauer Xerox Corporation Roger Needham Cambridge

On the Duality of Operating System Structures Hugh Lauer Xerox Corporation Roger Needham Cambridge University Presented by Elizabeth Keniston CS 533 Winter 2009 Basic Idea Most operating systems can be divided into one of two categories:

795 views • 31 slides
Moduli of supersingular K3 surfaces in characteristic 2 Ichiro Shimada (Hokkaido University,

Moduli of supersingular K3 surfaces in characteristic 2 Ichiro Shimada (Hokkaido University,

Moduli of supersingular K3 surfaces in characteristic 2 Ichiro Shimada (Hokkaido University, Sapporo, JAPAN) 1. Construction of the moduli space 2. Stratification by codes 3. Geometry of splitting curves and codes 4. The case of Artin

652 views • 23 slides
C Worst-Case Execution Time Analysis Analysis Andreas Ermedahl, Docent Mlardalen Real - Time

C Worst-Case Execution Time Analysis Analysis Andreas Ermedahl, Docent Mlardalen Real - Time

Worst-Case Execution Time analysis 2009-12-03 C Worst-Case Execution Time Analysis Analysis Andreas Ermedahl, Docent Mlardalen Real - Time Research Center (MRTC) Vsters, Sweden andreas.ermedahl@mdh.se 2 What C are w e talking about?

215 views • 18 slides
COMPUTER NETWORKS ECE 422 INTRODUCTION SESSION 2 Tuesday, 04 February 2020 1 THE

COMPUTER NETWORKS ECE 422 INTRODUCTION SESSION 2 Tuesday, 04 February 2020 1 THE

DATA COMMUNICATIONS & COMPUTER NETWORKS ECE 422 INTRODUCTION SESSION 2 Tuesday, 04 February 2020 1 THE EFFECTIVENESS OF A DATA COMMUNICATION SYSTEM The effectiveness of a data communication system depends on four parameters: 1.

632 views • 24 slides
XML and databases (and XForms) Patryk Czarnik XML and Applications 2013/2014 Week 13

XML and databases (and XForms) Patryk Czarnik XML and Applications 2013/2014 Week 13

XML and databases (and XForms) Patryk Czarnik XML and Applications 2013/2014 Week 13 13.01.2014 XML support in databases categorisation Classic (usually relational) database with XML support logical structure relations and

409 views • 20 slides

More recommend