Christian Heilmann's 'State of the Browser in 2011' lecture for #MozNewsLab.

1. State of Mozilla & the browser in
2011
Christian Heilmann, July 2011

2. http://www.mozilla.org/about/manifesto.en.html

4. Keep the web OS-independent

6. CMD+U
(CTRL+U)

16. http://www.flickr.com/photos/anvancy/2578351562/

19. NIH
http://en.wikipedia.org/wiki/Not_Invented_Here
http://www.flickr.com/photos/tillwe/1526490488/
http://www.flickr.com/photos/london/51301816/

20. http://folding.stanford.edu/
http://folding.stanford.edu/

23. HTML5 =
Using the capabilities of the
technology we have instead of
limiting ourselves to the lowest
common denominator.

24. <sec
tion
> <n
<asid av>
<hea e> < <art
der> hgro icle>
<ma <foo up>
rk> < ter>
deta <tim
<figc ils> < e>
aptio figur
n> .. e>
.

25. HTML(5)
Markup
JavaScript APIs
Stuff for Browser/Parser developers

28. CSS3

29. WebGL
http://bodybrowser.googlelabs.com

31. Excitement.

33. <video src="interview.ogv" controls>
<a href="interview.ogv">Download
video</a>
</video>

34. http://wheelsofsteel.net
http://www.schillmania.com/content/entries/2011/wheels-of-steel/

35. http://www.20thingsilearned.com/

36. http://www.youtube.com/watch?v=p92QfWOw88I

37. http://animatable.com

38. http://animatable.com

39. Mediaqueries
http://jasonweaver.name

40. HTML5 Video + Canvas
http://thisshell.com

41. SVG
http://mbostock.github.com/d3/

42. http://highcharts.com

43. Local Storage
http://www.flickr.com/photos/blude/2665906010/

44. Offline
http://www.flickr.com/photos/spentrails/3245564940

45. Geolocation

46. https://demos.mozilla.org/en-US/#holo-mobile

47. http://c64.superdefault.com/

50. Help is available!

52. http://butterapp.org | http://popcorn.js

53. http://diveintohtml5.org/

54. http://html5doctor.com/

55. http://www.htmlfivewow.com/

56. http://html5boilerplate.com/

57. http://www.modernizr.com/

58. https://webfwd.org/en-US/

59. https://developer.mozilla.org/en-US/demos/devderby

60. Thanks!
Chris Heilmann
@codepo8
#mozilla
#html5/freenode