Downloaded 141 times
Uploaded byZi Bin Cheah
let's talk web standards
The document is a slide presentation on web standards and HTML5. It discusses the history and development of web standards including the creation of HTML, CSS, and the World Wide Web Consortium (W3C). It summarizes new features in HTML5 like video, canvas, geolocation and forms. It also outlines challenges to standards including politics, money influence, and the need for branding. Case studies on standards adoption in South Korea, India, and China are presented.
More Related Content
![Off0509 Vademecum[1]](https://cdn.slidesharecdn.com/ss_thumbnails/off0509vademecum1-124343583438-phpapp02-thumbnail.jpg?width=640&height=640&fit=bounds)
let's talk web standards
- 1. Have a pizza,let’s talk Web Standards Thursday, November 4, 2010
- 2.
- 3.
- 4.
- 5. W3C is WWW’sstandards police Thursday, November 4, 2010
- 6. Why do open standardsmatter? Red, orange, green...Standards GO! Thursday, November 4, 2010
- 7. 13717712538 http://gpssystems.net/wp-content/uploads/2009/11/sao-paulo-traffic-jam.jpg When Standards gowrong Thursday, November 4, 2010
- 8. Everything you need Thursday,November 4, 2010
- 9. Everything you need...nowruns 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. Text HTML5 Web Workers Canvas Cross DocumentMessaging Web Forms Video HTML5 and friends http://www.flickr.com/photos/fuyoh/809640616/sizes/o/ widgets geolocation Thursday, November 4, 2010
- 13.
- 14. <embed src="http://player.youku.com/player.php/sid/ XMTk1NjY4NDc2/v.swf" quality="high"width="480" height="400" align="middle" allowScriptAccess="sameDomain" type="application/x- shockwave-flash"></embed> Video Thursday, November 4, 2010
- 15. <video src="video.ogg" width="300"height="150" controls></video> Video Thursday, November 4, 2010
- 16.
- 17.
- 18.
- 19.
- 20.
- 21. Geolocation www.moteplassen.com * shamefully takenwhile surfing a dating site Thursday, November 4, 2010
- 22.
- 23. Widgets on desktop,TV,mobile....fridge? Thursday, November 4, 2010
- 24. W3C has nointention 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 WHAT-WG Thursday, November 4, 2010
- 25.
- 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. background: url(rose.png) no-repeat 150px-20px, url(driedrose.png) no-repeat,! ! ! ! ! ! url(fieldsky.jpg) no-repeat; multiple background images Thursday, November 4, 2010
- 32. box-shadow box-shadow: 10px 10px0px #fff; Thursday, November 4, 2010
- 33. box-shadow box-shadow: 10px 10px20px #fff; Thursday, November 4, 2010
- 34. Web fonts Thursday, November4, 2010
- 35.
- 36. text-shadow: #000000 10px10px 19px; Thursday, November 4, 2010
- 37. text-shadow: 0 0 4pxwhite, 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.2; opacity: 0.5; Thursday, November 4, 2010
- 39.
- 40.
- 41.
- 42.
- 43. It’s always aboutpolitics Thursday, November 4, 2010
- 44.
- 45. the right tool,especially for SVG and Canvas learn from other IDEs. Thursday, November 4, 2010
- 46. Branding, geeks needto learn how to brand technologies Thursday, November 4, 2010
- 47. Closed Web Public Draft CandidateRecommendation Proposed Recommendation W3C Recommendation In 2012, HTML5 will reach the W3C Candidate Recommendation In 2022, HTML5 will reach the W3C Recommendation slow is good, fast is good too (two sides to everything) Thursday, November 4, 2010
- 48. Face the realworld 4.13%* * MAMA Report, Jan 2008 myspace, mozilla, google, apple...... Thursday, November 4, 2010
- 49. OtW case studies Thursday,November 4, 2010
- 50. Case study: South Korea Thursday,November 4, 2010
- 51. Why? Many sites brokewhen Vista was released?? SSL/TLS Active X South Koreans are locked into Active X Thursday, November 4, 2010
- 52. Case study: India Thursday,November 4, 2010
- 53. UNICODE EOT FONTS legacy issue,sites used EOT fonts which is only supported in IE. Unicode is now the preferred choice but it is complicated to migrate Thursday, November 4, 2010
- 54. Case study: China Thursday,November 4, 2010
- 55. Bank Airline Alipay most banks, flightbookings, and ebay-like sites need ActiveX Thursday, November 4, 2010
- 56. Future is now Thursday,November 4, 2010
- 57.
- 58. zibin AT opera.com twitter:zibin Q&A Thursday, November 4, 2010
- 59. Creative Commons licenseimage clap http://www.flickr.com/photos/tudor/953584594/ spider web http://www.flickr.com/photos/luc_viatour/2843025968/sizes/l/in/set-72157614714349217/ now http://www.gottabemobile.com/2010/01/18/ebook-readers-strike-back-at-publishers-trying-to- maximize-profits shadow http://www.flickr.com/photos/jenny-pics/3115479281/sizes/m/ transitions transform http://www.flickr.com/photos/28481088@N00/1298930743/ borders and background http://www.flickr.com/photos/cheekyneedle/178950842/sizes/o/ web fonts http://www.flickr.com/photos/sekimura/4363831481/sizes/o/ clapping photo http://splashclubpenguin.files.wordpress.com/2009/03/101606sly_claps.jpg sun flower http://www.flickr.com/photos/treyevan/429692359/sizes/l/ transition http://www.flickr.com/photos/28481088@N00/1290363773/sizes/o/ Thursday, November 4, 2010
- 60. Creative Commons licenseimage Great Wall of China http://www.flickr.com/photos/smokingpermitted/ padlock http://www.flickr.com/photos/elnicofotos/ stick no bills/tamil http://www.flickr.com/photos/meanestindian/ Killbill http://www.flickr.com/photos/wili/ money http://www.flickr.com/photos/amagill/ baby http://www.flickr.com/photos/mackro/ Open Web Stack by David Storey Tomato http://www.flickr.com/photos/somemixedstuff/ lego plane http://www.flickr.com/photos/pmiaki/ American express http://www.flickr.com/photos/andresrueda/ bush baby http://bust-the-stress.blogspot.com/2009/01/baby-sitting.html napkin http://images2.cpcache.com/product/19388882v1_480x480_Front_Color-White.jpg south korea http://www.flickr.com/photos/bibbit/2948779230/sizes/l/in/photostream/ india http://www.flickr.com/photos/jasleen_kaur/3116354699/sizes/l/in/photostream/ Thursday, November 4, 2010
- 61. Demo & article backgroundand borders articles http://dev.opera.com/articles/view/css3-border-background-boxshadow/ border-radius flower demo http://people.opera.com/zibin/css3flower/flower.html transiitons and transform article http://dev.opera.com/articles/view/css3-transitions-and-2d-transforms/ web fonts article http://dev.opera.com/articles/view/seven-web-fonts-showcases/ 9elements HTML5 demo http://9elements.com/io/projects/html5/canvas/ David’s photobook demo http://people.opera.com/dstorey/transforms/image-gallery.html Presentation reference introduction to CSS2.1 and CSS3 http://www.slideshare.net/marcamos/introduction-to-css-21-and-css-3 Thursday, November 4, 2010