Active Web Development
6 likes2,367 views
The document discusses the importance of web development standards and practices, emphasizing the need for developers to stay current with new features, use appropriate fallbacks, and engage with the open web community. It outlines methods for continual learning, including setting aside time for testing, consulting specifications, and contributing to mailing lists. Additionally, it highlights the necessity of understanding how new technologies interact across different browsers and the value of collaboration among developers.
Active Web Development
- 1. Ac#ve Web Development Divya Manian Open Web Vigilante nimbu.in Philipp Salzgeber
- 2. WHO?
- 5. nimbupani.com 5
- 6. WHAT?
- 7. 2003
- 11. SemanAc Markup
- 15. First DraB of HTML5 Published Jan 28 2008
- 16. WHAT DID I KNOW?
- 22. I DON’T KNOW
- 24. Deadlines Wendy Seltzer hSp://www.flickr.com/photos/wseltzer/5217885/
- 25. Knowledge becomes Supers##on S.Diddy hSp://www.flickr.com/photos/spence_sir/2292721692/
- 26. No Incen#ves Randy von Liski hSp://www.flickr.com/photos/myoldpostcards/3670908596/
- 27. Outsourced Learning Sourabh Rath hSp://www.flickr.com/photos/bobloo17/3155888852/
- 35. How?
- 37. Cons#tu#on
- 42. SAMPLE Open Web Support Chart for June 2010 Feature Bling Needs Fallback Cannot Use Border Radius X ‐ ‐ Box Shadow X ‐ ‐ HTML5 Forms ‐ X – HTML5Widgets ‐ Canvas ‐ X – excanvas ‐ Web Workers ‐ ‐ X Web Sockets ‐ ‐ X More fallback scripts: github.com/Modernizr/Modernizr/wiki/Shims‐and‐fallbacks
- 43. Keep UpdaAng the chart every month
- 44. Keep UpdaAng the chart every month At least.
- 45. Learning Rituals Hellebardius hSp://www.flickr.com/photos/libaer2002/3134119860/
- 50. Official Browser DocumentaAon Opera: opera.com/docs/specs/productspecs/ Firefox: developer.mozilla.org/en/HTML/HTML5 IE: bit.ly/ieopenweb Safari: bit.ly/safarihtml bit.ly/safaricss
- 51. Bed Time Reading Differences between HTML4 and HTML5 www.w3.org/TR/html5‐diff/ HTML5 The Markup Language www.w3.org/TR/html‐markup/ Using XHTML in HTML5 www.w3.org/TR/html‐polyglot/ CSS Selectors www.w3.org/TR/css3‐selectors/#selectors
- 52. ParAcipate E01 hSp://www.flickr.com/photos/e01/2291431743/
- 58. Mailing Lists Worth Your Time CSS Mailing List: lists.w3.org/Archives/Public/#www‐style WHATWG Mailing List: lists.whatwg.org/htdig.cgi/whatwg‐whatwg.org/ Mobile Web: tech.groups.yahoo.com/group/mobile‐web/
- 64. PRACTICE By Jan Egil KrisAansen hSp://www.flickr.com/photos/styrheim/203311896/
- 68. Get dropbox dropbox.com Use template: e.g. html5boilerplate.com Create demos for new features which might be of use to you as web developer: How can I use canvas for image animaAon? How can I create arrows with only CSS? Can I create an accordion without JavaScript? How about fancy radio buSons?
- 75. Share!
- 79. Watch Out!
- 80. Watch Out! Authors, OrganizaAons all have bias that they may or may not be aware of. Always BEWARE.
- 83. DESIGNERS