SlideShare a Scribd company logo

HTML5/CSS3 @ Baidu

Zi Bin Cheah, profile picture
Zi Bin Cheah

This document discusses HTML5 and CSS3 standards. It provides an overview of the history and development of HTML standards by the W3C including HTML4, XHTML1/2, and the development of HTML5 in collaboration with the WHAT-WG. It also covers new CSS3 features for borders, backgrounds, box-shadows, multiple backgrounds, transforms, transitions, web fonts, and text effects. Examples are provided and sources for further information and demos are listed.

Technology
1 of 62
Downloaded 30 times
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
< /> HTML5 & CSS3 2010 Thursday, July 29, 2010
zibin Web Evangelist twitter:zibin :zibinone Thursday, July 29, 2010
Thursday, July 29, 2010
Thursday, July 29, 2010
13717712538 13717712538 Thursday, July 29, 2010
Thursday, July 29, 2010
Why do open standards matter? Thursday, July 29, 2010
13717712538 Thursday, July 29, 2010
Thursday, July 29, 2010
Thursday, July 29, 2010
W3C HTML4 HTML XML W3C has no intention to extend HTML4 as such. Instead, further work is focusing on a reformulatoin of HTML in XML 1999 Thursday, July 29, 2010
... XHTML2 HTML4 XHTML1.0 XHTML1.1. XHTML2 ...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 2002 Thursday, July 29, 2010
350 4 5 W3C 2008 http://dev.opera.com/articles/view/mama-w3c-validator-research-2/ Thursday, July 29, 2010
Thursday, July 29, 2010
WHAT-WG Thursday, July 29, 2010
< /> Video source: http://zibin.tehais.com/?p=1641 Thursday, July 29, 2010
< /> CANVAS 3D? Thursday, July 29, 2010
< /> Web Forms Text Thursday, July 29, 2010
demo Thursday, July 29, 2010
< /> Appcache http://dev.opera.com/articles/view/offline-applications-html5-appcache/ Thursday, July 29, 2010
< /> Geolocation Text not html5 Thursday, July 29, 2010
< /> Widgets not html5 Text Thursday, July 29, 2010
demo Thursday, July 29, 2010
HTML5 Semantics CSS3 Design Thursday, July 29, 2010
< /> CSS3 Thursday, July 29, 2010
Borders Background Thursday, July 29, 2010
border-radius border-radius: 25px; Thursday, July 29, 2010
border-radius border-bottom-left-radius: 40px; border-bottom-right-radius: 40px; Thursday, July 29, 2010
border-radius border-bottom-left-radius: 40px; border-bottom-right-radius: 40px; border-top-left-radius: 10px; border-top-right-radius: 10px; Thursday, July 29, 2010
border-radius Thursday, July 29, 2010
border-radius source: http://zibin.tehais.com/?p=1410 Thursday, July 29, 2010
multiple background images Thursday, July 29, 2010
multiple background images background: url(rose.png) no-repeat 150px -20px, url(driedrose.png) no-repeat,! ! ! ! ! ! url(fieldsky.jpg) no-repeat; Thursday, July 29, 2010
box-shadow box-shadow: 10px 10px 0px #fff; Thursday, July 29, 2010
box-shadow box-shadow: 10px 10px 20px #fff; Thursday, July 29, 2010
box-shadow width, height: 100px; box-shadow:10px 10px 20px #ff0000; border-radius:60px; Thursday, July 29, 2010
Transitions Transform Thursday, July 29, 2010
Transitions Thursday, July 29, 2010
div { -o-transition-property: background-color, width, height; -o-transition-duration: 4s, 8s, 5s; -o-transition-delay: 0s, 0s 2s; } Thursday, July 29, 2010
Transform Thursday, July 29, 2010
Transform - translate -o-transform: translate(50px, 100px); Thursday, July 29, 2010
Transform - scale -o-transform: scale(2.5); Thursday, July 29, 2010
Transform - skew -o-transform: skew(10deg, 20deg) Thursday, July 29, 2010
Transform - rotate -o-transform: rotate(30deg) Thursday, July 29, 2010
Thursday, July 29, 2010
@font-face { src: url(DeutscheZierschrift.ttf) format("truetype"); font-family: "Zierschrift"; font-style: normal; } Thursday, July 29, 2010
SVG @font-face { ! font-family: Blackout-Midnight; ! src: url(Blackout-Midnight.ttf) format("truetype"); ! } Thursday, July 29, 2010
text-shadow Thursday, July 29, 2010
text-shadow text-shadow: #000000 10px 10px 19px; Thursday, July 29, 2010
text-shadow text-shadow: 0 0 4px white, 0 -5px 4px #ff3, 2px -10px 6px #fd3, -2px -15px 11px #f80, 2px -25px 18px #f20; Thursday, July 29, 2010
Thursday, July 29, 2010
Thursday, July 29, 2010
Thursday, July 29, 2010
Thursday, July 29, 2010
Dragonfly JavaScript CSS HTTP Header DOM Thursday, July 29, 2010
Thursday, July 29, 2010
Future is Now Thursday, July 29, 2010
< :-)/> Thursday, July 29, 2010
zibin AT opera.com www.opera.com/developer ( ) zibin.tehais.com( ) twitter: zibin slideshare.net/zibin PPT Thursday, July 29, 2010
love http://www.flickr.com/photos/mar1lyn84/2722712047/sizes/o/ 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/ dinosaur http://www.flickr.com/photos/valerianasolaris/3205069930/sizes/l/ 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/ using internet http://farm4.static.flickr.com/3295/2676703205_30cc3322d9_b.jpg me http://www.douban.com/photos/album/30539339/ Thursday, July 29, 2010
Demo &   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 Geolocation demo http://people.opera.com/shwetankd/external/demos/demo_geo_googlemap.htm newspaper http://people.opera.com/zibin/newspaper/newspaper_test.html#image1 Thursday, July 29, 2010
introduction to CSS2.1 and CSS3 http://www.slideshare.net/marcamos/introduction-to-css-21-and-css-3 Thursday, July 29, 2010

More Related Content

PDF
Browsers & Web Technology - an Opera talk
Zi Bin Cheah
 
PDF
Html5/CSS3 in shanghai 2010
Zi Bin Cheah
 
PDF
Mastering CSS3 Selectors
Rachel Andrew
 
PDF
CSS3大補貼 - COSCUP/GNOME.asia
Zi Bin Cheah
 
PDF
Empa Edtec Talk April 2010
andersand
 
PDF
谈一谈HTML5/CSS3 @ WebRebuild 2010
Zi Bin Cheah
 
PPT
Html5/CSS3
Simratpreet Singh
 
PPTX
NEPA BlogCon 2013 - HTML5/CSS3 for Bloggers
Michelle Davies (Hryvnak)
 
Browsers & Web Technology - an Opera talk
Zi Bin Cheah
 
Html5/CSS3 in shanghai 2010
Zi Bin Cheah
 
Mastering CSS3 Selectors
Rachel Andrew
 
CSS3大補貼 - COSCUP/GNOME.asia
Zi Bin Cheah
 
Empa Edtec Talk April 2010
andersand
 
谈一谈HTML5/CSS3 @ WebRebuild 2010
Zi Bin Cheah
 
Html5/CSS3
Simratpreet Singh
 
NEPA BlogCon 2013 - HTML5/CSS3 for Bloggers
Michelle Davies (Hryvnak)
 

Viewers also liked (13)

PPTX
HTML5 Tags and Elements Tutorial
ProdigyView
 
KEY
HTML5 and CSS3 for Teachers
Jason Hando
 
PDF
Beginner & Intermediate Guide to HTML5/CSS3 In Drupal
Mediacurrent
 
PPTX
Fastest css3 animations
Ismail Berkay Beyaz
 
PDF
Introduction to CSS3
Doris Chen
 
PPSX
HTML5, CSS3, and JavaScript
Zac Gordon
 
PPTX
New HTML5/CSS3 techniques
mbeatrizoliveira
 
PDF
HTML5 and CSS3 Refresher
Ivano Malavolta
 
PPTX
Presentation about html5 css3
Gopi A
 
PDF
Intro to CSS3
Denise Jacobs
 
PDF
Fundamental CSS3
Achmad Solichin
 
PPTX
Introduction to HTML5 & CSS3
Pradeep Varadaraja Banavara
 
PDF
Cours d'introduction aux HTML5 & CSS3
Abel LIFAEFI MBULA
 
HTML5 Tags and Elements Tutorial
ProdigyView
 
HTML5 and CSS3 for Teachers
Jason Hando
 
Beginner & Intermediate Guide to HTML5/CSS3 In Drupal
Mediacurrent
 
Fastest css3 animations
Ismail Berkay Beyaz
 
Introduction to CSS3
Doris Chen
 
HTML5, CSS3, and JavaScript
Zac Gordon
 
New HTML5/CSS3 techniques
mbeatrizoliveira
 
HTML5 and CSS3 Refresher
Ivano Malavolta
 
Presentation about html5 css3
Gopi A
 
Intro to CSS3
Denise Jacobs
 
Fundamental CSS3
Achmad Solichin
 
Introduction to HTML5 & CSS3
Pradeep Varadaraja Banavara
 
Cours d'introduction aux HTML5 & CSS3
Abel LIFAEFI MBULA
 
Ad

Similar to HTML5/CSS3 @ Baidu (20)

PDF
Cutting Edge CSS3 @ WebExpo Tour 2010
Zi Bin Cheah
 
PDF
HTML 5: The Future of the Web
Tim Wright
 
PDF
Progressive Advancement, by way of progressive enhancement
Paul Irish
 
PDF
CSS3: The Future is Now at Drupal Design Camp Boston
Jen Simmons
 
KEY
HTML5, CSS3, and other fancy buzzwords
Mo Jangda
 
PDF
University of Abertay Dundee - evening
Rachel Andrew
 
PDF
让开发也懂前端
lifesinger
 
PDF
Html5 coredevsummit
Jen Simmons
 
PDF
Standards: politics, case studies
Zi Bin Cheah
 
PDF
Unobtrusive CSS
John Hwang
 
PDF
Responsive design presentation
Mario Noble
 
PDF
Progressive Advancement in Web8
Paul Irish
 
PDF
Responsive web design - Drupal theming
adifferentdesign
 
PDF
[WebVisions 2010] CSS3 Workshop (Afternoon)
Christopher Schmitt
 
PDF
CSS3 3D Workshop
Christopher Schmitt
 
PDF
University of Abertay Dundee - afternoon
Rachel Andrew
 
PDF
let's talk web standards
Zi Bin Cheah
 
PDF
HTML5: State of the Union
Sencha
 
PDF
Dr. Strangelove: or How I learned to love HTML, CSS, and Javascript
RobotDeathSquad
 
PDF
WordPress Front End Optimizations
Scott Taylor
 
Cutting Edge CSS3 @ WebExpo Tour 2010
Zi Bin Cheah
 
HTML 5: The Future of the Web
Tim Wright
 
Progressive Advancement, by way of progressive enhancement
Paul Irish
 
CSS3: The Future is Now at Drupal Design Camp Boston
Jen Simmons
 
HTML5, CSS3, and other fancy buzzwords
Mo Jangda
 
University of Abertay Dundee - evening
Rachel Andrew
 
让开发也懂前端
lifesinger
 
Html5 coredevsummit
Jen Simmons
 
Standards: politics, case studies
Zi Bin Cheah
 
Unobtrusive CSS
John Hwang
 
Responsive design presentation
Mario Noble
 
Progressive Advancement in Web8
Paul Irish
 
Responsive web design - Drupal theming
adifferentdesign
 
[WebVisions 2010] CSS3 Workshop (Afternoon)
Christopher Schmitt
 
CSS3 3D Workshop
Christopher Schmitt
 
University of Abertay Dundee - afternoon
Rachel Andrew
 
let's talk web standards
Zi Bin Cheah
 
HTML5: State of the Union
Sencha
 
Dr. Strangelove: or How I learned to love HTML, CSS, and Javascript
RobotDeathSquad
 
WordPress Front End Optimizations
Scott Taylor
 
Ad

More from Zi Bin Cheah (13)

PPTX
W3C HTML5 Chinese IG Report
Zi Bin Cheah
 
PDF
Html5games
Zi Bin Cheah
 
PDF
Beyond HTML5:Device, Graphics, Orientation, Real Time
Zi Bin Cheah
 
PDF
Opera Mobile HTML5 CSS3 Standards
Zi Bin Cheah
 
PDF
不懂HTML5 非好汉 Be a man, learn HTML5
Zi Bin Cheah
 
PDF
Taiwan Web Standards Talk 2011
Zi Bin Cheah
 
PDF
Nigeria & Designing for the Mobile Web
Zi Bin Cheah
 
PDF
Web Standards Indonesia Tour
Zi Bin Cheah
 
PDF
Mobile Web Trends inIndonesia
Zi Bin Cheah
 
PDF
Designing for the mobile web
Zi Bin Cheah
 
PDF
Web Standards @ Opera Talk Oslo
Zi Bin Cheah
 
PDF
Standards Talk - Opera Uni Tour Indonesia
Zi Bin Cheah
 
KEY
Browser War 2: Standards strikes back
Zi Bin Cheah
 
W3C HTML5 Chinese IG Report
Zi Bin Cheah
 
Html5games
Zi Bin Cheah
 
Beyond HTML5:Device, Graphics, Orientation, Real Time
Zi Bin Cheah
 
Opera Mobile HTML5 CSS3 Standards
Zi Bin Cheah
 
不懂HTML5 非好汉 Be a man, learn HTML5
Zi Bin Cheah
 
Taiwan Web Standards Talk 2011
Zi Bin Cheah
 
Nigeria & Designing for the Mobile Web
Zi Bin Cheah
 
Web Standards Indonesia Tour
Zi Bin Cheah
 
Mobile Web Trends inIndonesia
Zi Bin Cheah
 
Designing for the mobile web
Zi Bin Cheah
 
Web Standards @ Opera Talk Oslo
Zi Bin Cheah
 
Standards Talk - Opera Uni Tour Indonesia
Zi Bin Cheah
 
Browser War 2: Standards strikes back
Zi Bin Cheah
 

Recently uploaded (20)

PPTX
Digital-Transformation-Roadmap-for-Companies.pptx
David Malick Dieng
 
PDF
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
Peter Tan
 
PDF
Dropbox Q2 2025 Financial Results & Investor Presentation
Dropbox
 
PPTX
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
ReZa AdineH
 
PPTX
Spectroscopy.pptx food analysis technology
nawahassan45
 
PDF
Reach Out and Touch Someone: Haptics and Empathic Computing
Mark Billinghurst
 
PPTX
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
blackmambaettijean
 
PPTX
Detection-First SIEM: Rule Types, Dashboards, and Threat-Informed Strategy
ReZa AdineH
 
PDF
Encapsulation_ Review paper, used for researhc scholars
gurumoop
 
PDF
Spectral efficient network and resource selection model in 5G networks
IAESIJAI
 
PDF
Diabetes mellitus diagnosis method based random forest with bat algorithm
IAESIJAI
 
PDF
Review of recent advances in non-invasive hemoglobin estimation
IAESIJAI
 
PDF
The Rise and Fall of 3GPP – Time for a Sabbatical?
3G4G
 
PDF
Building Integrated photovoltaic BIPV_UPV.pdf
SandeepSingh286037
 
PDF
Electronic commerce courselecture one. Pdf
OmerMohamed64
 
PDF
cuic standard and advanced reporting.pdf
SimoneTitaniumTomase
 
PDF
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
Jian-Hong Pan
 
PDF
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
Akar16
 
PPTX
Understanding_Digital_Forensics_Presentation.pptx
ImranKhan423233
 
PDF
Network Security Unit 5.pdf for BCA BBA.
Serpent6
 
Digital-Transformation-Roadmap-for-Companies.pptx
David Malick Dieng
 
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
Peter Tan
 
Dropbox Q2 2025 Financial Results & Investor Presentation
Dropbox
 
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
ReZa AdineH
 
Spectroscopy.pptx food analysis technology
nawahassan45
 
Reach Out and Touch Someone: Haptics and Empathic Computing
Mark Billinghurst
 
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
blackmambaettijean
 
Detection-First SIEM: Rule Types, Dashboards, and Threat-Informed Strategy
ReZa AdineH
 
Encapsulation_ Review paper, used for researhc scholars
gurumoop
 
Spectral efficient network and resource selection model in 5G networks
IAESIJAI
 
Diabetes mellitus diagnosis method based random forest with bat algorithm
IAESIJAI
 
Review of recent advances in non-invasive hemoglobin estimation
IAESIJAI
 
The Rise and Fall of 3GPP – Time for a Sabbatical?
3G4G
 
Building Integrated photovoltaic BIPV_UPV.pdf
SandeepSingh286037
 
Electronic commerce courselecture one. Pdf
OmerMohamed64
 
cuic standard and advanced reporting.pdf
SimoneTitaniumTomase
 
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
Jian-Hong Pan
 
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
Akar16
 
Understanding_Digital_Forensics_Presentation.pptx
ImranKhan423233
 
Network Security Unit 5.pdf for BCA BBA.
Serpent6
 

HTML5/CSS3 @ Baidu

  • 1. < /> HTML5 & CSS3 2010 Thursday, July 29, 2010
  • 2. zibin Web Evangelist twitter:zibin :zibinone Thursday, July 29, 2010
  • 5. 13717712538 13717712538 Thursday, July 29, 2010
  • 7. Why do open standards matter? Thursday, July 29, 2010
  • 11. W3C HTML4 HTML XML W3C has no intention to extend HTML4 as such. Instead, further work is focusing on a reformulatoin of HTML in XML 1999 Thursday, July 29, 2010
  • 12. ... XHTML2 HTML4 XHTML1.0 XHTML1.1. XHTML2 ...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 2002 Thursday, July 29, 2010
  • 13. 350 4 5 W3C 2008 http://dev.opera.com/articles/view/mama-w3c-validator-research-2/ Thursday, July 29, 2010
  • 16. < /> Video source: http://zibin.tehais.com/?p=1641 Thursday, July 29, 2010
  • 17. < /> CANVAS 3D? Thursday, July 29, 2010
  • 18. < /> Web Forms Text Thursday, July 29, 2010
  • 20. < /> Appcache http://dev.opera.com/articles/view/offline-applications-html5-appcache/ Thursday, July 29, 2010
  • 21. < /> Geolocation Text not html5 Thursday, July 29, 2010
  • 22. < /> Widgets not html5 Text Thursday, July 29, 2010
  • 24. HTML5 Semantics CSS3 Design Thursday, July 29, 2010
  • 25. < /> CSS3 Thursday, July 29, 2010
  • 27. border-radius border-radius: 25px; Thursday, July 29, 2010
  • 28. border-radius border-bottom-left-radius: 40px; border-bottom-right-radius: 40px; Thursday, July 29, 2010
  • 29. border-radius border-bottom-left-radius: 40px; border-bottom-right-radius: 40px; border-top-left-radius: 10px; border-top-right-radius: 10px; Thursday, July 29, 2010
  • 31. border-radius source: http://zibin.tehais.com/?p=1410 Thursday, July 29, 2010
  • 33. multiple background images background: url(rose.png) no-repeat 150px -20px, url(driedrose.png) no-repeat,! ! ! ! ! ! url(fieldsky.jpg) no-repeat; Thursday, July 29, 2010
  • 34. box-shadow box-shadow: 10px 10px 0px #fff; Thursday, July 29, 2010
  • 35. box-shadow box-shadow: 10px 10px 20px #fff; Thursday, July 29, 2010
  • 36. box-shadow width, height: 100px; box-shadow:10px 10px 20px #ff0000; border-radius:60px; Thursday, July 29, 2010
  • 39. div { -o-transition-property: background-color, width, height; -o-transition-duration: 4s, 8s, 5s; -o-transition-delay: 0s, 0s 2s; } Thursday, July 29, 2010
  • 41. Transform - translate -o-transform: translate(50px, 100px); Thursday, July 29, 2010
  • 42. Transform - scale -o-transform: scale(2.5); Thursday, July 29, 2010
  • 43. Transform - skew -o-transform: skew(10deg, 20deg) Thursday, July 29, 2010
  • 44. Transform - rotate -o-transform: rotate(30deg) Thursday, July 29, 2010
  • 46. @font-face { src: url(DeutscheZierschrift.ttf) format("truetype"); font-family: "Zierschrift"; font-style: normal; } Thursday, July 29, 2010
  • 47. SVG @font-face { ! font-family: Blackout-Midnight; ! src: url(Blackout-Midnight.ttf) format("truetype"); ! } Thursday, July 29, 2010
  • 49. text-shadow text-shadow: #000000 10px 10px 19px; Thursday, July 29, 2010
  • 50. text-shadow text-shadow: 0 0 4px white, 0 -5px 4px #ff3, 2px -10px 6px #fd3, -2px -15px 11px #f80, 2px -25px 18px #f20; Thursday, July 29, 2010
  • 57. Future is Now Thursday, July 29, 2010
  • 58. < :-)/> Thursday, July 29, 2010
  • 59. zibin AT opera.com www.opera.com/developer ( ) zibin.tehais.com( ) twitter: zibin slideshare.net/zibin PPT Thursday, July 29, 2010
  • 60. love http://www.flickr.com/photos/mar1lyn84/2722712047/sizes/o/ 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/ dinosaur http://www.flickr.com/photos/valerianasolaris/3205069930/sizes/l/ 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/ using internet http://farm4.static.flickr.com/3295/2676703205_30cc3322d9_b.jpg me http://www.douban.com/photos/album/30539339/ Thursday, July 29, 2010
  • 61. Demo &   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 Geolocation demo http://people.opera.com/shwetankd/external/demos/demo_geo_googlemap.htm newspaper http://people.opera.com/zibin/newspaper/newspaper_test.html#image1 Thursday, July 29, 2010
  • 62. introduction to CSS2.1 and CSS3 http://www.slideshare.net/marcamos/introduction-to-css-21-and-css-3 Thursday, July 29, 2010