How Mozilla takes back the web

1. H o w Mozilla takes b a c k the Web Cyber Liberties Conference 2009, Vienna Eric Eggert, yatil.de

2. Eric Eggert Webentwickler/-designer User Interfaces Accessibility Web 2.0 Webseite: yatil.de Twitter: @yatil

3. Mission Statement

4. We believe…

5. that the Internet We believe…

6. that the Internet We believe… should be

7. that the Internet We believe… should be public,

8. that the Internet We believe… should be public, open

9. that the Internet We believe… should be public, & open

10. that the Internet We believe… should be public, & b le s i open ac c es

11. that the Internet We believe… should be public, & b le s i open ac c es

12. open

13. Open Source

14. Open Standards

15. Open Source

22. Mozilla Technologies

23. Mozilla Labs

24. Mozilla Fennec

25. 75.000.000 US-$ Einnahmen lt. Wikipedia

26. Freedom Scientific JAWS Screen Reader Closed Source 895–1095,— US-$

27. NonVisual Desktop Access (NVDA) Screen Reader Open Source Frei erhältlich Von 2 blinden Entwicklern programmiert

28. It’s freedom, but not Scientific.

29. Open Standards

30. XML Lingua Franca des Webs. <lesbar durch="Klartext" />

31. XML ! XUL + XBL XML User Interface Language XML Binding Language Fließen zurück ins W3C.

32. JavaScript industry standard called ECMAScript

33. AJAX eigentlich: XMLHttpRequest Erfunden von Microsoft Implementiert von Mozilla und anderen Später standardisiert im W3C

34. Markup-Standards

35. W3C

36. XHTML 2.0

37. WHAT WG Web HyperText Application Technology Working Group “The WHATWG was founded by individuals of Apple, the Mozilla Foundation, and Opera Software in 2004, after a W3C workshop. Apple, Mozilla and Opera were becoming increasingly concerned about the W3C’s direction with XHTML, lack of interest in HTML and apparent disregard for the needs of real- world authors. So, in response, these organisations set out with a mission to address these concerns and the Web Hypertext Application Technology Working Group was born.”

38. Web Applications 1.0

39. HTML5

40. http://yatil.posterous.com/1092829

41. Canvas Kann was. Entwickelt von Apple/Webkit Implementiert von Mozilla

42. HTML5 Audio/Video No Flash! Bessere Barrierefreiheit.

43. Format?

44. Apple: H.264 Hardwareunterstützung Effizient Lizenzgebühren ab 2010

45. Mozilla: Ogg/Theora Frei

46. <video width="640" height="360" poster="poster.jpg" controls="controls" autoplay="autoplay"> <source src="http://tinyvid.tv/vfe/big_buck_bunny.ogv" type="video/ogg" /> <source src="http://tinyvid.tv/vfe/big_buck_bunny.mp4" type="video/mp4" />  <object width="640" height="375" type="video/quicktime" data="http://tinyvid.tv/vfe/big_buck_bunny.mp4">  <param name="src" value="http://tinyvid.tv/vfe/big_buck_bunny.mp4" /> <param name="autoplay" value="true" /> <param name="showlogo" value="false" /> <object width="640" height="380" type="application/x-shockwave-flash" Resolution: data="player.swf?autostart=true&image=poster.jpg&file=http://tinyvid.tv/vfe/ big_buck_bunny.mp4"> <param name="movie" value="player.swf?autostart=true&image=poster.jpg&file=http:// tinyvid.tv/vfe/big_buck_bunny.mp4" />  <img src="poster.jpg" width="640" height="360" /> Kein festes Format definiert. Da Flash aber H.264 kann, benötigt man lediglich 2 Formate: No video playback capabilities detected. Why not try to download the file instead? <a href="http://tinyvid.tv/vfe/big_buck_bunny.mp4">MPEG4 / H.264 “.mp4” (Windows / Mac)</a> | <a href="http://tinyvid.tv/vfe/big_buck_bunny.ogv">Ogg Theora & Vorbis “.ogv” (Linux)</ a> To play the video here in the webpage, please do one of the following: <ul> <li>Upgrade to <a href="http://getfirefox.com">Firefox v3.5</a>, or <a href="http://apple.com/safari">Safari v4</a></li> <li>Install <a href="http://get.adobe.com/flashplayer/">Adobe Flash Player</a></li> <li>Install <a href="http://apple.com/quicktime/download/">Apple QuickTime</a></li> </ul> </object> </object> </video>

47. <video width="640" height="360" poster="poster.jpg" controls="controls" autoplay="autoplay"> <source src="http://tinyvid.tv/vfe/big_buck_bunny.ogv" type="video/ogg" /> <source src="http://tinyvid.tv/vfe/big_buck_bunny.mp4" type="video/mp4" />  <object width="640" height="375" type="video/quicktime" data="http://tinyvid.tv/vfe/big_buck_bunny.mp4">  <param name="src" value="http://tinyvid.tv/vfe/big_buck_bunny.mp4" /> <param name="autoplay" value="true" /> <param name="showlogo" value="false" /> <object width="640" height="380" type="application/x-shockwave-flash" Resolution: data="player.swf?autostart=true&image=poster.jpg&file=http://tinyvid.tv/vfe/ big_buck_bunny.mp4"> <param name="movie" value="player.swf?autostart=true&image=poster.jpg&file=http:// tinyvid.tv/vfe/big_buck_bunny.mp4" />  <img src="poster.jpg" width="640" height="360" /> Kein festes Format definiert. Da Flash aber H.264 kann, benötigt man lediglich 2 Formate: No video playback capabilities detected. Why not try to download the file instead? <a href="http://tinyvid.tv/vfe/big_buck_bunny.mp4">MPEG4 / H.264 “.mp4” (Windows / Mac)</a> | <a href="http://tinyvid.tv/vfe/big_buck_bunny.ogv">Ogg Theora & Vorbis “.ogv” (Linux)</ a> To play the video here in the webpage, please do one of the following: <ul> <li>Upgrade to <a href="http://getfirefox.com">Firefox v3.5</a>, or <a href="http://apple.com/safari">Safari v4</a></li> <li>Install <a href="http://get.adobe.com/flashplayer/">Adobe Flash Player</a></li> <li>Install <a href="http://apple.com/quicktime/download/">Apple QuickTime</a></li> </ul> </object> </object> </video>

48. Geo Location

49. Style Standards CSS FTW!

50. CSS2.1 @Font-Face

51. CSS3 Boxes & Borders

52. CSS3 Transitions

53. Innovation

54. Add-Ons

58. Danke! Eric Eggert yatil.de @yatil

How Mozilla takes back the web

Recommended

Recommended

More Related Content

More from Eric Eggert

More from Eric Eggert (20)

Recently uploaded

Recently uploaded (20)

How Mozilla takes back the web