truth about html5

Post on 01-Dec-2014

4.464 Views

Category:

Technology

2 Downloads

Preview:

Click to see full reader

DESCRIPTION

Presentation I gave at a Lunch & Learn at Malmberg. This presentation gives an overview of the current state and buzz around HTML5 from a non-technical perspective.

TRANSCRIPT

JPoint  

Malmberg  |  Lunch  &  Learn  |  Jos  Dirksen  

… about HTML5

WWW.JPOINT.NL          |          JOS@JPOINT.NL        |          TWITTER:  @JOSDIRKSEN  

2

-­‐  Beware!  Personal  opinions  ahead  -­‐  Disclaimer

“No matter how big the lie; repeat it often enough and the masses

will regard it as the truth.” – John F. Kennedy

MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  

3

“The World is moving to HTML5”

– Steve Jobs, Apple

MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  

4

“The Web has not seen this level of transformation, this level of acceleration, in the past ten years… we're betting big on HTML5”

– Vic Gundotra, VP of Engineering, Google

MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  

5

“If you want to do something universal, there is no question, the

world is going HTML5. That is clear...The world is just pushing down

this HTML5 path and so are we.” – Steve Ballmer, CEO, Microsoft

MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  

6

But what is HTML5?

MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  

7

HTML5: The Buzzword “the collection of new (and not so new) technology that is often downright cool, but has little to do with the HTML5 specification”

– Luke Stevens

MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  

8

MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  

9

But this isn’t HTML5, this is WebGL

MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  

10

MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  

“SVG should soon be widespread, and its non-proprietary nature will help to hasten the progress. Flash will continue to be the dominant standard for quite some time because of its large client base. However, SVG is rising quickly. The distribution of the SVG plug-in via browser manufacturers will quickly increase the installed user base, just as it did for Flash. Future versions of various browsers will include SVG viewers as standard, and some already do.”

– SVG, the new Flash - 2002

11

No HTML5, this is SVG…

MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  

12

Even the HTML5 version of Angry Birds isn’t HTML5. Only works in a single browser.

MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  

13

HTML5: The Specification

MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  

14

MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  

“HTML5 is a standard… sort of, it has it’s good and bad parts.”

15

So, what is HTML5?

MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  

16

“The Good…”

MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  

“Whenever a Mac crashes, more often than not it because of Flash” – Steve Jobs

17

Advantage #1: Less plugins

MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  

18

“Firefox 17 also debuts a new security feature that automatically blocks outdated versions of the most popular Web browser plug-ins -- Adobe's Flash Player and Reader, Microsoft's Silverlight, and Oracle's Java -- from executing content.”

MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  

19

No more Flash for Video Playback

MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  

20

…  in  most  modern  browsers,  on  the  desktop…  And an alternative for Flash content

MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  

“Accessibility is built in from the ground up”

21

Advantage #2: Accessibility

MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  

22

Subtitles support

MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  

23

Support for virtual keyboards

MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  

24

Advantage #3: Access Device Functionality

MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  

25

Access the Camera

MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  

26

Without a plugin: • Record sound • Analyze sound • Store sound

Access the Microphone

MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  

27

Access the Orientation, Heading and Location

MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  

<!DOCTYPE html> <meta charset=utf-8> <title>HTML5</title> <h1>HTML5!</h1>

28

Advantage #4: Easier Development

MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  

Browsers strive to have the best HTML5 support

29

-­‐  Goal  is  to  offer  the  best  support,  not  to  differentiate  -­‐  Browser Support

MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  

30

Standardized APIs

MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  

“Making the Web

Beautiful”

31

Advantage #5: CSS3

MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  

32

-­‐  Support  great  looking  fonts,  cross  browser  -­‐  Web Fonts

“Seperate Structure from Style”

MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  

33

CSS Transitions

MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  

34

CSS even supports 3D

MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  

35

Responsive Web Design

MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  

36

“the Bad…”

MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  

37

•  < IE9 •  Performance •  Support APIs •  WebGL

Problem #1: Support on Desktop

MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  

38

“How do you know whether an app is written in HTML5?”

“Open it in IE, if it doesn’t work it’s HTML5”

MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  

39

MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  

“.. tools for canvas/html5 development throw us back to the beginning of the web”

- Anonymous

40

Problem #2: Tool support

MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  

41

MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  

Codecs

42

Problem #3: Multimedia support

MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  

43

MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  

44

Problem #4: Canvas is not Flash

“Just because we have a 2D drawing area with the canvas element, doesn’t mean we must recreate everything on canvas!” - Jos

MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  

45

-­‐  that  even  runs  cross  platform  -­‐  But we can create beautiful stuff!

MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  

46

Problem #5: No DRM

“HTML5 needs to include a built-in DRM scheme.”

MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  

47

“… and the Ugly.”

MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  

48

Ugly #1: Support on Mobile Devices “What is going to enable us to deliver the best customer experience on the mobile devices that our customers use?”

“Our view is that HTML5 technologies can deliver as-good-as-native experiences”

“And the lesson we’ve learnt over the last 12 months has been that the cost in time, effort and testing to bring an HTML5 application to a native level of performance seems to be far greater than if the application was built with native technologies from the get-go.”

MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  

49

MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  

“Betting on HTML5 was a mistake.” – Mark Zuckenberg

50

MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  

51

Ugly #2: Browser specific web apps

MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  

52

Blink is “an inclusive open source community” and ”a new rendering engine based on WebKit” that will, over time, “naturally evolve in different directions.”

- Google

MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  

53

Ugly #3: User interaction “To create a good user experience, you need to know who

your users are [...] If you build a user interface for a desktop user […] and give it to a smartphone user, your interface will be a frustration because it's designed for

another screen size, and another input modality.” – Boris Smus

MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  

“We have definity shifted from HTML5 to native.”

54

“…getting that smoothness, we felt like we needed native to really do that well.”

MALMBERG        |        THE  TRUTH  ABOUT  HTML5  |  LUNCH  &  LEARN  

“HTML5 will always be popular, because anything that’s popular will be called HTML5. It’s an exciting time for the web. Hold on tight; it’s going to be one hell of a ride!” – Mark Pilgrim

55

Ugly #4: What is HTML5??

THANKS FOR COMING

top related