A five minute run through of some basic techniques for writing unobtrusive javascript. Using an example site - http://unobtrusify.com as a reference. Accompanying video available via http://oxford.geeknights.net/2009/may-27th/

1. @philhawksworth
hello! http://hawksworx.com

2. The importance of being
Unobtrusive

3. http://www.flickr.com/photos/casasroger/239168376/
separate
style & content

4. http://www.flickr.com/photos/casasroger/239168376/
separate
style & content
behavior

5. http://www.flickr.com/photos/houseofsims/3558311516/
who gives a monkeyʼs

6. not human
http://www.flickr.com/photos/dhollahan/411071191/

7. bots
http://www.flickr.com/photos/keinepanik/1081215934

8. mashups
http://www.flickr.com/photos/benny4bs/473910801/

9. screen readers
http://www.flickr.com/photos/lissalou66/2997534298/

10. managable
http://www.flickr.com/photos/urtica/2354829631/

11. managable
CMS
http://www.flickr.com/photos/urtica/2354829631/

12. performance
http://www.flickr.com/photos/adamkjems/3559454088/

13. an example
http://www.flickr.com/photos/adamkjems/3559454088/

28. progressive
enhancement
http://www.flickr.com/photos/xfp/2533663094/

29. modern javascript libraries

34. performance
http://www.flickr.com/photos/adamkjems/3559454088/

36. http://stevesouders.com

44. appropriate affordance

47. set up your wizzbang with js

51. ta!
http://unobtrusify.com