why open web standards are cool and will save the world. or the web, at least
DESCRIPTION
Talk by Bruce Lawson at Leeds University 5 May 2011TRANSCRIPT
![Page 1: Why Open Web Standards are cool and will save the world. Or the Web, at least](https://reader033.vdocuments.us/reader033/viewer/2022051411/5451ceabaf795911068b87c9/html5/thumbnails/1.jpg)
Why Open Web Standards are cool and will save the world. Or the Web, at least.
Bruce Lawson / Leeds University 5 May 2011
![Page 2: Why Open Web Standards are cool and will save the world. Or the Web, at least](https://reader033.vdocuments.us/reader033/viewer/2022051411/5451ceabaf795911068b87c9/html5/thumbnails/2.jpg)
Web Evangelist at Opera
![Page 3: Why Open Web Standards are cool and will save the world. Or the Web, at least](https://reader033.vdocuments.us/reader033/viewer/2022051411/5451ceabaf795911068b87c9/html5/thumbnails/3.jpg)
Opera – one browser on many devices
![Page 4: Why Open Web Standards are cool and will save the world. Or the Web, at least](https://reader033.vdocuments.us/reader033/viewer/2022051411/5451ceabaf795911068b87c9/html5/thumbnails/4.jpg)
"Our goal is to take the one true Web and make it available to people on their terms."
Jon S. von Tetzchner, Opera Co-founder
"All I ask is access to the full Web, everywhere. And some more beer."
Me
![Page 5: Why Open Web Standards are cool and will save the world. Or the Web, at least](https://reader033.vdocuments.us/reader033/viewer/2022051411/5451ceabaf795911068b87c9/html5/thumbnails/5.jpg)
Executive Summary:
Open Web Standards make the Web open for people with disabilities and people without access to the latest expensive hardware.
![Page 6: Why Open Web Standards are cool and will save the world. Or the Web, at least](https://reader033.vdocuments.us/reader033/viewer/2022051411/5451ceabaf795911068b87c9/html5/thumbnails/6.jpg)
Executive Summary continued:
Open Web Standards reduce reliance on any single vendor.
Open Web Standards = profit!
![Page 7: Why Open Web Standards are cool and will save the world. Or the Web, at least](https://reader033.vdocuments.us/reader033/viewer/2022051411/5451ceabaf795911068b87c9/html5/thumbnails/7.jpg)
Open Standards
Not the same thing as Open SourceMade out in the open
Royalty-freeNot tied to one vendor
![Page 8: Why Open Web Standards are cool and will save the world. Or the Web, at least](https://reader033.vdocuments.us/reader033/viewer/2022051411/5451ceabaf795911068b87c9/html5/thumbnails/8.jpg)
![Page 9: Why Open Web Standards are cool and will save the world. Or the Web, at least](https://reader033.vdocuments.us/reader033/viewer/2022051411/5451ceabaf795911068b87c9/html5/thumbnails/9.jpg)
![Page 10: Why Open Web Standards are cool and will save the world. Or the Web, at least](https://reader033.vdocuments.us/reader033/viewer/2022051411/5451ceabaf795911068b87c9/html5/thumbnails/10.jpg)
The most important program on your computer is your browser
![Page 11: Why Open Web Standards are cool and will save the world. Or the Web, at least](https://reader033.vdocuments.us/reader033/viewer/2022051411/5451ceabaf795911068b87c9/html5/thumbnails/11.jpg)
http://www.koreatimes.co.kr/www/news/biz/2010/05/123_52401.html
![Page 12: Why Open Web Standards are cool and will save the world. Or the Web, at least](https://reader033.vdocuments.us/reader033/viewer/2022051411/5451ceabaf795911068b87c9/html5/thumbnails/12.jpg)
Legal and General's redesignwww.brucelawson.co.uk/pas78
![Page 13: Why Open Web Standards are cool and will save the world. Or the Web, at least](https://reader033.vdocuments.us/reader033/viewer/2022051411/5451ceabaf795911068b87c9/html5/thumbnails/13.jpg)
By-products of the redesign:
● 30% increase in natural search-engine traffic ● 75% reduction in page load time● No more browser-incompatibility problems● Accessible to mobile devices● Time spent to manage content “reduced from 5 days to 0.5 days per job”
![Page 14: Why Open Web Standards are cool and will save the world. Or the Web, at least](https://reader033.vdocuments.us/reader033/viewer/2022051411/5451ceabaf795911068b87c9/html5/thumbnails/14.jpg)
No money, no honey etc
● Savings of £200,000 annually on site maintenance ● 90% increase in online sales● 100% return on investment in less than 12 months.
![Page 15: Why Open Web Standards are cool and will save the world. Or the Web, at least](https://reader033.vdocuments.us/reader033/viewer/2022051411/5451ceabaf795911068b87c9/html5/thumbnails/15.jpg)
1. new web standards2. adaptive content3. browser as platform
![Page 16: Why Open Web Standards are cool and will save the world. Or the Web, at least](https://reader033.vdocuments.us/reader033/viewer/2022051411/5451ceabaf795911068b87c9/html5/thumbnails/16.jpg)
1. new web standards2. adaptive content3. browser as platform
![Page 17: Why Open Web Standards are cool and will save the world. Or the Web, at least](https://reader033.vdocuments.us/reader033/viewer/2022051411/5451ceabaf795911068b87c9/html5/thumbnails/17.jpg)
HTML5<!DOCTYPE html>
![Page 18: Why Open Web Standards are cool and will save the world. Or the Web, at least](https://reader033.vdocuments.us/reader033/viewer/2022051411/5451ceabaf795911068b87c9/html5/thumbnails/18.jpg)
HTML5 does not replace HTML 4.01
![Page 19: Why Open Web Standards are cool and will save the world. Or the Web, at least](https://reader033.vdocuments.us/reader033/viewer/2022051411/5451ceabaf795911068b87c9/html5/thumbnails/19.jpg)
HTML5 has more bling!
![Page 20: Why Open Web Standards are cool and will save the world. Or the Web, at least](https://reader033.vdocuments.us/reader033/viewer/2022051411/5451ceabaf795911068b87c9/html5/thumbnails/20.jpg)
HTML5 is umbrella term:markup elements and JavaScript APIs
![Page 21: Why Open Web Standards are cool and will save the world. Or the Web, at least](https://reader033.vdocuments.us/reader033/viewer/2022051411/5451ceabaf795911068b87c9/html5/thumbnails/21.jpg)
Webforms – more powerful form elements
![Page 22: Why Open Web Standards are cool and will save the world. Or the Web, at least](https://reader033.vdocuments.us/reader033/viewer/2022051411/5451ceabaf795911068b87c9/html5/thumbnails/22.jpg)
![Page 23: Why Open Web Standards are cool and will save the world. Or the Web, at least](https://reader033.vdocuments.us/reader033/viewer/2022051411/5451ceabaf795911068b87c9/html5/thumbnails/23.jpg)
standardise commonly-usedrich form elements – without JavaScript
![Page 24: Why Open Web Standards are cool and will save the world. Or the Web, at least](https://reader033.vdocuments.us/reader033/viewer/2022051411/5451ceabaf795911068b87c9/html5/thumbnails/24.jpg)
built-in validation(of course you should still validate on the server)
<input type=email><input type=url required>
<input type=range min=10 max=100><input type=date min=2010-01-01 max=2010-12-31>
<input pattern="[0-9][A-Z]{3}" placeholder="9AAA">http://people.opera.com/brucel/demo/html5-forms-demo.html
![Page 25: Why Open Web Standards are cool and will save the world. Or the Web, at least](https://reader033.vdocuments.us/reader033/viewer/2022051411/5451ceabaf795911068b87c9/html5/thumbnails/25.jpg)
![Page 26: Why Open Web Standards are cool and will save the world. Or the Web, at least](https://reader033.vdocuments.us/reader033/viewer/2022051411/5451ceabaf795911068b87c9/html5/thumbnails/26.jpg)
![Page 27: Why Open Web Standards are cool and will save the world. Or the Web, at least](https://reader033.vdocuments.us/reader033/viewer/2022051411/5451ceabaf795911068b87c9/html5/thumbnails/27.jpg)
![Page 28: Why Open Web Standards are cool and will save the world. Or the Web, at least](https://reader033.vdocuments.us/reader033/viewer/2022051411/5451ceabaf795911068b87c9/html5/thumbnails/28.jpg)
<canvas> “scriptable images”
![Page 29: Why Open Web Standards are cool and will save the world. Or the Web, at least](https://reader033.vdocuments.us/reader033/viewer/2022051411/5451ceabaf795911068b87c9/html5/thumbnails/29.jpg)
![Page 30: Why Open Web Standards are cool and will save the world. Or the Web, at least](https://reader033.vdocuments.us/reader033/viewer/2022051411/5451ceabaf795911068b87c9/html5/thumbnails/30.jpg)
<video>
![Page 31: Why Open Web Standards are cool and will save the world. Or the Web, at least](https://reader033.vdocuments.us/reader033/viewer/2022051411/5451ceabaf795911068b87c9/html5/thumbnails/31.jpg)
“...extending the language to better support Web applications, since that is one of the directions the Web is going in and is one of the areas least well served by HTML so far. This puts HTML in direct competition with other technologies intended for applications deployed over the Web, in particular Flash and Silverlight.”
Ian Hickson, Editor of HTML5http://lists.w3.org/Archives/Public/public-html/2009Jan/0215.html
![Page 32: Why Open Web Standards are cool and will save the world. Or the Web, at least](https://reader033.vdocuments.us/reader033/viewer/2022051411/5451ceabaf795911068b87c9/html5/thumbnails/32.jpg)
<object width="425" height="344"><param name="movie"
value="http://www.example.com/v/9sEI1AUFJKw&hl=en&fs=1&"></param>
<param name="allowFullScreen" value="true"></param>
<param name="allowscriptaccess" value="always"></param>
<embed src="http://www.example.com/v/9sEI1AUFJKw&hl=en&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>
![Page 33: Why Open Web Standards are cool and will save the world. Or the Web, at least](https://reader033.vdocuments.us/reader033/viewer/2022051411/5451ceabaf795911068b87c9/html5/thumbnails/33.jpg)
<video src=pudding.ogv controls autoplay poster=poster.jpg width=320 height=240> <a href=video.ogv>Download movie</a></video>
![Page 34: Why Open Web Standards are cool and will save the world. Or the Web, at least](https://reader033.vdocuments.us/reader033/viewer/2022051411/5451ceabaf795911068b87c9/html5/thumbnails/34.jpg)
video as native object...why is it important?
● “play nice” with rest of the page● keyboard accessibility built-in● API for controls
![Page 35: Why Open Web Standards are cool and will save the world. Or the Web, at least](https://reader033.vdocuments.us/reader033/viewer/2022051411/5451ceabaf795911068b87c9/html5/thumbnails/35.jpg)
![Page 36: Why Open Web Standards are cool and will save the world. Or the Web, at least](https://reader033.vdocuments.us/reader033/viewer/2022051411/5451ceabaf795911068b87c9/html5/thumbnails/36.jpg)
video formats
webM Ogg/ Theora mp4/ h264
Opera yes yes
Chrome yes yes Nope (Chrome.soon)
Firefox Yes (FF4) yes
Safari yes
IE9 Yes (if installed) yes
![Page 37: Why Open Web Standards are cool and will save the world. Or the Web, at least](https://reader033.vdocuments.us/reader033/viewer/2022051411/5451ceabaf795911068b87c9/html5/thumbnails/37.jpg)
The politics of codecs
![Page 38: Why Open Web Standards are cool and will save the world. Or the Web, at least](https://reader033.vdocuments.us/reader033/viewer/2022051411/5451ceabaf795911068b87c9/html5/thumbnails/38.jpg)
audio formats
mp3 Ogg/ Vobis wav
Opera yes yes
Chrome yes yes
Firefox yes yes
Safari yes yes
IE9 yes yes
![Page 39: Why Open Web Standards are cool and will save the world. Or the Web, at least](https://reader033.vdocuments.us/reader033/viewer/2022051411/5451ceabaf795911068b87c9/html5/thumbnails/39.jpg)
1. new web standards2. adaptive content3. browser as platform
![Page 40: Why Open Web Standards are cool and will save the world. Or the Web, at least](https://reader033.vdocuments.us/reader033/viewer/2022051411/5451ceabaf795911068b87c9/html5/thumbnails/40.jpg)
Towards a World-Wide Web
1.6 billion people are online, yet more than 4 billion people — two out of every three people on Earth — have a mobile phone or access to one. www.opera.com/smw/2009/10/
![Page 41: Why Open Web Standards are cool and will save the world. Or the Web, at least](https://reader033.vdocuments.us/reader033/viewer/2022051411/5451ceabaf795911068b87c9/html5/thumbnails/41.jpg)
China
“The proportion of [people] accessing the Internet by mobile increased enormously from 39.5% in late 2008 to 46% in June 2009, while the proportion of using desktops and laptops decreased”. (close to 150 million people).Statistical Report on Internet Development in China, p25-26, July 2009, www.ccnic.cn
![Page 42: Why Open Web Standards are cool and will save the world. Or the Web, at least](https://reader033.vdocuments.us/reader033/viewer/2022051411/5451ceabaf795911068b87c9/html5/thumbnails/42.jpg)
India
There is one bank branch for every 14,000 people, one ATM for every 5000 people but amobile for every 2.3 people in India.
More people in India have access to a mobilephone than even a proper toilet.
![Page 43: Why Open Web Standards are cool and will save the world. Or the Web, at least](https://reader033.vdocuments.us/reader033/viewer/2022051411/5451ceabaf795911068b87c9/html5/thumbnails/43.jpg)
“One Web means making, as far as is reasonable, the same information and services available to users irrespective of the device they are using. However, it does not mean that exactly the same information is available in exactly the same representation across all devices.”W3C Mobile Web Best Practices http://www.w3.org/TR/mobile-bp/#OneWeb
![Page 44: Why Open Web Standards are cool and will save the world. Or the Web, at least](https://reader033.vdocuments.us/reader033/viewer/2022051411/5451ceabaf795911068b87c9/html5/thumbnails/44.jpg)
CSS 3 Media Queries:
@media screen and (max-device-width: 480px) { // insert CSS rules here
}http://www.w3.org/TR/css3-mediaqueries/
Demonstration of Media Queries
![Page 45: Why Open Web Standards are cool and will save the world. Or the Web, at least](https://reader033.vdocuments.us/reader033/viewer/2022051411/5451ceabaf795911068b87c9/html5/thumbnails/45.jpg)
![Page 46: Why Open Web Standards are cool and will save the world. Or the Web, at least](https://reader033.vdocuments.us/reader033/viewer/2022051411/5451ceabaf795911068b87c9/html5/thumbnails/46.jpg)
1. new web standards2. adaptive content3. browser as platform
![Page 47: Why Open Web Standards are cool and will save the world. Or the Web, at least](https://reader033.vdocuments.us/reader033/viewer/2022051411/5451ceabaf795911068b87c9/html5/thumbnails/47.jpg)
![Page 48: Why Open Web Standards are cool and will save the world. Or the Web, at least](https://reader033.vdocuments.us/reader033/viewer/2022051411/5451ceabaf795911068b87c9/html5/thumbnails/48.jpg)
“…the browser run-time is perfect…you’re out of writing for Windows Mobile, Android, S60, each of which require testing...we want to abstract that.
All the cool innovation is happening inside the browser – you don’t need to write to the native operating system anymore.”
Mobile Entertainment Market, June, 2009
![Page 49: Why Open Web Standards are cool and will save the world. Or the Web, at least](https://reader033.vdocuments.us/reader033/viewer/2022051411/5451ceabaf795911068b87c9/html5/thumbnails/49.jpg)
W3C Widgets – application development filled with web standards goodness,
using browser engine as platform
![Page 50: Why Open Web Standards are cool and will save the world. Or the Web, at least](https://reader033.vdocuments.us/reader033/viewer/2022051411/5451ceabaf795911068b87c9/html5/thumbnails/50.jpg)
Anatomy of a widget
![Page 51: Why Open Web Standards are cool and will save the world. Or the Web, at least](https://reader033.vdocuments.us/reader033/viewer/2022051411/5451ceabaf795911068b87c9/html5/thumbnails/51.jpg)
1. new web standards2. adaptive content3. browser as platform
![Page 52: Why Open Web Standards are cool and will save the world. Or the Web, at least](https://reader033.vdocuments.us/reader033/viewer/2022051411/5451ceabaf795911068b87c9/html5/thumbnails/52.jpg)
![Page 53: Why Open Web Standards are cool and will save the world. Or the Web, at least](https://reader033.vdocuments.us/reader033/viewer/2022051411/5451ceabaf795911068b87c9/html5/thumbnails/53.jpg)
![Page 54: Why Open Web Standards are cool and will save the world. Or the Web, at least](https://reader033.vdocuments.us/reader033/viewer/2022051411/5451ceabaf795911068b87c9/html5/thumbnails/54.jpg)