Your SlideShare is downloading. ×
0
@philhawksworth
hello!   http://hawksworx.com
The importance of being
      Unobtrusive
http://www.flickr.com/photos/casasroger/239168376/




   separate


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




   separate


    style & content
                                  ...
http://www.flickr.com/photos/houseofsims/3558311516/




who gives a monkeyʼs
not human
            http://www.flickr.com/photos/dhollahan/411071191/
bots




http://www.flickr.com/photos/keinepanik/1081215934
mashups

http://www.flickr.com/photos/benny4bs/473910801/
screen readers




http://www.flickr.com/photos/lissalou66/2997534298/
managable


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

            http://www.flickr.com/photos/urtica/2354829631/
performance
              http://www.flickr.com/photos/adamkjems/3559454088/
an example



       http://www.flickr.com/photos/adamkjems/3559454088/
progressive
 enhancement




http://www.flickr.com/photos/xfp/2533663094/
modern javascript libraries
performance
              http://www.flickr.com/photos/adamkjems/3559454088/
http://stevesouders.com
appropriate affordance
set up your wizzbang with js
ta!



http://unobtrusify.com
The importance of being unobtrusive
The importance of being unobtrusive
The importance of being unobtrusive
The importance of being unobtrusive
The importance of being unobtrusive
The importance of being unobtrusive
The importance of being unobtrusive
The importance of being unobtrusive
The importance of being unobtrusive
The importance of being unobtrusive
The importance of being unobtrusive
The importance of being unobtrusive
The importance of being unobtrusive
The importance of being unobtrusive
The importance of being unobtrusive
The importance of being unobtrusive
The importance of being unobtrusive
The importance of being unobtrusive
The importance of being unobtrusive
The importance of being unobtrusive
The importance of being unobtrusive
The importance of being unobtrusive
The importance of being unobtrusive
The importance of being unobtrusive
The importance of being unobtrusive
The importance of being unobtrusive
The importance of being unobtrusive
The importance of being unobtrusive
The importance of being unobtrusive
The importance of being unobtrusive
The importance of being unobtrusive
The importance of being unobtrusive
The importance of being unobtrusive
Upcoming SlideShare
Loading in...5
×

The importance of being unobtrusive

3,574

Published on

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/

Published in: Technology, Business
0 Comments
8 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
3,574
On Slideshare
0
From Embeds
0
Number of Embeds
6
Actions
Shares
0
Downloads
23
Comments
0
Likes
8
Embeds 0
No embeds

No notes for slide

Transcript of "The importance of being unobtrusive"

  1. 1. @philhawksworth hello! http://hawksworx.com
  2. 2. The importance of being Unobtrusive
  3. 3. http://www.flickr.com/photos/casasroger/239168376/ separate style & content
  4. 4. http://www.flickr.com/photos/casasroger/239168376/ separate style & content behavior
  5. 5. http://www.flickr.com/photos/houseofsims/3558311516/ who gives a monkeyʼs
  6. 6. not human http://www.flickr.com/photos/dhollahan/411071191/
  7. 7. bots http://www.flickr.com/photos/keinepanik/1081215934
  8. 8. mashups http://www.flickr.com/photos/benny4bs/473910801/
  9. 9. screen readers http://www.flickr.com/photos/lissalou66/2997534298/
  10. 10. managable http://www.flickr.com/photos/urtica/2354829631/
  11. 11. managable CMS http://www.flickr.com/photos/urtica/2354829631/
  12. 12. performance http://www.flickr.com/photos/adamkjems/3559454088/
  13. 13. an example http://www.flickr.com/photos/adamkjems/3559454088/
  14. 14. progressive enhancement http://www.flickr.com/photos/xfp/2533663094/
  15. 15. modern javascript libraries
  16. 16. performance http://www.flickr.com/photos/adamkjems/3559454088/
  17. 17. http://stevesouders.com
  18. 18. appropriate affordance
  19. 19. set up your wizzbang with js
  20. 20. ta! http://unobtrusify.com
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×