11. HTML5 = HTML (with bling)
Thursday, November 4, 2010
12. Text
HTML5
Web Workers
Canvas
Cross Document Messaging
Web Forms
Video
HTML5
and friends
http://www.flickr.com/photos/fuyoh/809640616/sizes/o/
widgets
geolocation
Thursday, November 4, 2010
24. 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
WHAT-WG
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. Closed Web
Public Draft
Candidate Recommendation
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 real world
4.13%*
* MAMA Report, Jan 2008
myspace, mozilla, google, apple......
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
59. Creative Commons license image
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 license image
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
background and 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