let's talk web standards

Embed Size (px)

DESCRIPTION

An evening of informal sharing with University of Oslo

Text of let's talk web standards

  • 1. Have a pizza, lets talk Web Standards Thursday, November 4, 2010
  • 2. Hej hej zibin Web Evangelist twitter:zibin http://www.slideshare.net/zibin Thursday, November 4, 2010
  • 3. God bless Internet http://mediaarchive.cern.ch/MediaArchive/Photo/Public/1998/9806033/9806033/9806033-A4-at-144-dpi.jpg Thursday, November 4, 2010
  • 4. thats the whole universe WWW http://obamapacman.com/wp-content/uploads/2009/08/First-World-Wide-Web-Server-at-CERN-made-possible-by-Tim-Berners-Lee-hosted-on-Steve-Jobs-NeXT-workstation- computer-300x225.jpg Thursday, November 4, 2010
  • 5. W3C is WWWs standards police Thursday, November 4, 2010
  • 6. Why do open Red, orange, green...Standards GO! standards matter? Thursday, November 4, 2010
  • 7. When Standards go wrong 13717712538 http://gpssystems.net/wp-content/uploads/2009/11/sao-paulo-trafc-jam.jpg Thursday, November 4, 2010
  • 8. Everything you need Thursday, November 4, 2010
  • 9. Everything you need...now runs in a browser Thursday, November 4, 2010
  • 10. Evolution of HTML Thursday, November 4, 2010
  • 11. HTML5 = HTML (with bling) Thursday, November 4, 2010
  • 12. Web Workers Web Forms Cross Document Messaging HTML5 widgets Canvas Text Video geolocation HTML5 and friends http://www.ickr.com/photos/fuyoh/809640616/sizes/o/ Thursday, November 4, 2010
  • 13. Video source: http://zibin.tehais.com/?p=1641 Thursday, November 4, 2010
  • 14. Video Thursday, November 4, 2010
  • 15. Video Thursday, November 4, 2010
  • 16. Canvas Thursday, November 4, 2010
  • 17. SVG Thursday, November 4, 2010
  • 18. Thursday, November 4, 2010
  • 19. Web Forms Text type="date" Thursday, November 4, 2010
  • 20. Appcache Web Storage WebDB http://dev.opera.com/articles/view/ofine-applications-html5-appcache/ http://www.ickr.com/photos/bonline/2380398365/ Thursday, November 4, 2010
  • 21. Geolocation * shamefully taken while surng a dating site www.moteplassen.com Thursday, November 4, 2010
  • 22. Widgets (addons) Thursday, November 4, 2010
  • 23. Widgets on desktop, TV, mobile....fridge? Thursday, November 4, 2010
  • 24. WHAT-WG W3C has no intention to extend HTML4 as such. Instead, further work is focusing on a reformulatoin of HTML in XML ...while the ancestry of XHTML2 comes from HTML4, XHTML 1.0 and XHTML 1.1. It is not intended to be backward compatible with its earlier versions Thursday, November 4, 2010
  • 25. CSS3 Thursday, November 4, 2010
  • 26. border-radius aka rounded-corners border-radius: 25px; Thursday, November 4, 2010
  • 27. border-radius aka rounded-corners border-bottom-left-radius: 40px; border-bottom-right-radius: 40px; Thursday, November 4, 2010
  • 28. border-radius aka rounded-corners border-bottom-left-radius: 40px; border-bottom-right-radius: 40px; Thursday, November 4, 2010
  • 29. border-radius aka rounded-corners Thursday, November 4, 2010
  • 30. multiple background images Thursday, November 4, 2010
  • 31. multiple background images background: url(rose.png) no-repeat 150px -20px, url(driedrose.png) no-repeat,! ! ! ! ! ! url(fieldsky.jpg) no-repeat; Thursday, November 4, 2010
  • 32. box-shadow box-shadow: 10px 10px 0px #fff; Thursday, November 4, 2010
  • 33. box-shadow box-shadow: 10px 10px 20px #fff; Thursday, November 4, 2010
  • 34. Web fonts Thursday, November 4, 2010
  • 35. Thursday, November 4, 2010
  • 36. text-shadow: #000000 10px 10px 19px; Thursday, November 4, 2010
  • 37. text-shadow: 0 0 4px white, 0 -5px 4px #ff3, 2px -10px 6px #fd3, -2px -15px 11px #f80, 2px -25px 18px #f20; Thursday, November 4, 2010
  • 38. opacity opacity: 1.0; opacity: 0.5; opacity: 0.2; Thursday, November 4, 2010
  • 39. rgba hsla rgba(255,0,0,1.0); rgba(255,0,0,0.8); rgba(255,0,0,0.6); rgba(255,0,0,0.4); rgba(255,0,0,0.2); Thursday, November 4, 2010
  • 40. Challenges to Standards Thursday, November 4, 2010
  • 41. Thursday, November 4, 2010
  • 42. Thursday, November 4, 2010
  • 43. Its always about politics Thursday, November 4, 2010
  • 44. Money talks Thursday, November 4, 2010
  • 45. the right tool, especially for SVG and Canvas learn from other IDEs. Thursday, November 4, 2010
  • 46. Branding, geeks need to learn how to brand technologies Thursday, November 4, 2010
  • 47. In 2022, HTML5 will